/*1559575896000*/
hr.portlet-divider {
  width: 100%;
  margin-left: calc((100% - 100vw) / 2);
  margin-right: calc((100% - 100vw) / 2);
  padding-left: calc((100vw - 100%) / 2);
  padding-right: calc((100vw - 100%) / 2);
  box-sizing: content-box; }

/* Serif Font Family */
/* Sans Serif Font Family */
/* Center Vertically */
.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 {
    -webkit-animation: loading-animation 1.2s infinite ease-out;
    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;
    -webkit-transform: translateZ(0);
    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: 1px solid #cdced9; }

/* ---------- Status ---------- */
.entry-status {
  border-left: 4px solid transparent; }

span.alert {
  display: inline-block; }

/* ---------- Update manager ---------- */
.update-available {
  margin-top: 10px;
  padding: 2px;
  text-align: left; }

.quick-access-nav {
  position: absolute;
  top: -1000px;
  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: 8px;
    position: absolute;
    right: 0;
    text-align: center; }
    .quick-access-nav a:focus {
      color: #fff;
      top: 1000px; }

@media (max-width: 991.98px) {
  .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: 20px; }
          .responsive-table-horizontal tbody tr td:first-child {
            text-align: left; }
    .responsive-table-horizontal thead {
      display: block;
      float: left;
      margin-right: 10px; }
      .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: 20px;
        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 1px; }

.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: none;
  -webkit-hyphens: none;
  hyphens: none; }

.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::-ms-input-placeholder {
    color: #a7a9bc;
    font-style: italic; }
  .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 (min-width: 576px) {
    .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: 1px 1px #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 2px 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: 12px; }

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

.lfr-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: 12px; }

.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 5px 5px;
  border-color: #900;
  color: #900;
  font-weight: normal;
  margin-bottom: 16px;
  padding: 8px 8px 8px 24px; }

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

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

/* ---------- Input file ---------- */
/* ---------- Table ---------- */
.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: -32px 0; }

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

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

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

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

@media (max-width: 767.98px) {
  .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: 14px;
  line-height: 14px; }

.taglib-asset-metadata .metadata-author .asset-user-info .date-info {
  color: #8c8c8c;
  font-size: 13px; }

.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 (min-width: 576px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word; } }

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none; }
  .taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
    text-decoration: underline; }

.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px; }

.taglib-discussion .lfr-discussion-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: 4px; }
  .taglib-discussion .lfr-discussion-form-container .lfr-discussion-form .taglib-user-display .user-profile-image .avatar {
    background-size: 40px; }

.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: 20px; }

.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: 18px;
      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: 14px;
      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: 12px; }

.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: 16px; }

.taglib-icon-label {
  margin-left: 12px; }

.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  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; }

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

.taglib-image-selector .selection-status {
  background: #fff;
  opacity: 0;
  z-index: -1; }

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

.taglib-image-selector.check-active .selection-status {
  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 .selection-status {
    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 .selection-status {
  opacity: 0; }

.dialog-iframe-popup {
  background-color: #fff; }

.portlet-item-selector .management-bar {
  border-bottom-color: #e7e7ed; }

.item-selector .card-row {
  align-items: center; }

.item-selector .drop-zone {
  background-color: #f1f2f5; }

.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1; }
  .item-selector .input-file + label {
    position: relative; }
    .item-selector .input-file + label::before {
      border-radius: 4px;
      bottom: -2px;
      content: '';
      display: block;
      left: -2px;
      position: absolute;
      right: -2px;
      top: -2px;
      transition: box-shadow 0.15s ease-in-out; }
  .item-selector .input-file:focus + label::before {
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff; }

.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: 15px; }

.navbar .navbar-search {
  background-color: #f3f3f3; }
  @media (min-width: 576px) {
    .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.lfr-search-container-fixed-first-column {
  position: relative; }
  @media (min-width: 576px) {
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
      margin-left: 375px;
      width: auto; } }
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
    position: static; }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
      left: 12px;
      position: fixed;
      right: 12px;
      top: -1px;
      z-index: 1020; }
      .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
        display: block;
        padding: 0; }
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
          overflow-x: hidden; }
          @media (min-width: 576px) {
            .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
              margin-left: 375px; } }
          .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
            border-collapse: collapse;
            width: 100%; }
            .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
              border-radius: 0; }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
      width: auto; }
      @media (min-width: 576px) {
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
        .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
          left: 0;
          position: absolute;
          right: 15px; } }
    .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
      height: auto; }

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

.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #8d8d8d; }
  .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
    background-color: #f7f8f9;
    border-radius: 4px;
    color: #212529; }

.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.25rem;
    border-bottom-left-radius: 0.25rem; }
  .lfr-search-container-wrapper .list-group .list-group-item h4 {
    font-size: 0.76562rem;
    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.76562rem;
    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: 20px; }

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem; }

.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem; }

.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 (min-width: 576px) {
    .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: 125px;
      min-width: 100px; } }

.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: 375px;
  min-width: 375px; }

.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: 200px;
  min-width: 200px; }

.lfr-email-column,
.lfr-mobile-column,
.lfr-website-column {
  min-width: 100px; }
  @media (min-width: 576px) {
    .lfr-email-column,
    .lfr-mobile-column,
    .lfr-website-column {
      min-width: 115px; } }
  .lfr-email-column .checkbox-container .form-group,
  .lfr-mobile-column .checkbox-container .form-group,
  .lfr-website-column .checkbox-container .form-group {
    margin-bottom: 0; }

.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: 5px; }
  .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
    position: relative; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
      margin-bottom: 0; }
    .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
      color: #999;
      font-size: 13px; }

.taglib-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: 60px; }
  .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: -9999px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: -9999px;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word; }

.card-tab-group .card-tab:nth-child(n + 2) {
  border-left: 4px solid #65b6f0;
  padding-left: 20px; }
  .card-tab-group .card-tab:nth-child(n + 2) .card-tab {
    border-left: 4px solid #93ccf5;
    padding-left: 20px; }
    .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: 95px; }

.hsv-palette .hsv-view-container .hsv-value {
  width: 56px; }

.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: 375px;
      max-width: 650px;
      right: auto !important;
      top: 50% !important;
      -webkit-transform: translate(-50%, -50%);
      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: 30px; }

.dialog-content {
  border: 1px solid #c8c9ca;
  padding: 5px; }

.dialog-iframe-popup .sheet > .lfr-nav {
  margin-top: -24px; }

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

.dialog-iframe-popup .lfr-form-content {
  padding: 15px; }

.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: 1rem; }

.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% - 48px);
  position: relative; }
  @media (min-width: 576px) {
    .dialog-iframe-popup .navbar ~ .portlet-configuration-setup,
    .dialog-iframe-popup .portlet-export-import-container {
      height: calc(100% - 48px); } }

.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: 1280px;
  padding-left: 3px;
  padding-right: 3px; }
  @media (min-width: 576px) {
    .dialog-iframe-popup .portlet-configuration-setup .lfr-nav {
      padding-left: 8px;
      padding-right: 8px; } }

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

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

@media (min-width: 768px) {
  .dialog-with-footer #main-content,
  .dialog-with-footer #wrapper {
    height: calc(100% - 60px); } }

.dialog-with-footer .button-holder.dialog-footer,
.dialog-with-footer .sheet-footer.dialog-footer {
  background-color: #fff;
  border-top: 1px solid #dee2e6;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%; }
  @media (min-width: 768px) {
    .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 (min-width: 768px) {
  .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: 60px; } }

.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-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: 200px;
    width: 300px; }
    .proxy.generic-portlet .portlet-title {
      padding: 10px; }
  .proxy.not-intersecting .forbidden-action {
    background: url(../images/application/forbidden_action.png) no-repeat;
    display: block;
    height: 32px;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 32px; }

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

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

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

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

.lfr-editable {
  outline: 1px dashed #68bb30;
  outline-offset: 2px;
  position: relative; }
  .lfr-editable:after {
    background: #68bb30 url(../images/common/edit_white.png) no-repeat 50%;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px; }
  .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: 220px; }

.cke_panel_block .cke_panel_grouptitle {
  font-size: 20px;
  line-height: 20px;
  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: 500px; }
  .cke_show_border td {
    height: 15px; }

/* ---------- CKEditor image resizer ---------- */
.cke_widget_image .cke_image_resizer {
  bottom: -15px;
  height: 5px;
  outline-color: transparent;
  padding: 5px;
  right: -15px;
  width: 5px; }

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

.html-editor.portlet-message-boards {
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
  word-wrap: break-word; }
  .html-editor.portlet-message-boards blockquote {
    background: #eef0f2 url(../images/message_boards/quoteleft.png) no-repeat 5px 5px;
    border: 1px solid #777;
    padding: 5px 45px; }
    .html-editor.portlet-message-boards blockquote:after {
      background: url(../images/message_boards/quoteright.png) no-repeat 50%;
      content: '';
      display: block;
      float: right;
      height: 24px;
      margin-right: -35px;
      margin-top: -25px;
      width: 31px;
      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: '\25be'; }
        .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
          content: '\25b8'; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
        color: #fff; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #717383; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
        border-right: solid 1px #ccc; }
      .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
        background-image: none; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #ededef; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
      color: #34adab; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
      color: #1d5ec7; }
    .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
      color: #ff6c58; }
      .lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
        color: #f00; }
  .lfr-source-editor.ace_dark .lfr-source-editor-code {
    background-color: #47474f;
    color: #fff; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
      background: #54555e;
      color: #fff; }
      .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
        background-color: #009aed; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
      background-color: #11394e; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
      color: #fff; }
    .lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
      color: #4d91ff; }

.lfr-fullscreen-source-editor .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 (min-width: 576px) {
  .image-viewer-sidenav-menu {
    background-color: transparent;
    border-left-width: 0; } }

.image-viewer-sidenav dd {
  color: #8b8b8b;
  margin-bottom: 16px; }
  @media (min-width: 576px) {
    .image-viewer-sidenav dd {
      color: #777; } }

.image-viewer-sidenav .h5 {
  color: #869cad;
  margin-bottom: 3px; }
  @media (min-width: 576px) {
    .image-viewer-sidenav .h5 {
      color: #fff; } }

.image-viewer-sidenav .nav-tabs-default > li {
  padding-left: 20px; }
  .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 > li > .active {
  background-color: transparent; }
  .image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover {
    border-color: transparent;
    color: #777; }
    @media (min-width: 576px) {
      .image-viewer-sidenav .nav-tabs-default > li > .active, .image-viewer-sidenav .nav-tabs-default > li > .active:focus, .image-viewer-sidenav .nav-tabs-default > li > .active:hover {
        color: #fff; } }
  .image-viewer-sidenav .nav-tabs-default > li > .active:after {
    background-color: #65b6f0;
    bottom: -10px;
    content: '';
    display: block;
    height: 2px;
    left: 0;
    position: relative;
    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: 1px 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: 10px;
    padding-right: 10px; }

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

.menu {
  position: absolute;
  width: auto; }
  .menu .notice-message {
    background-image: none;
    margin: 3px;
    padding: 6px; }

.menu-content {
  background: #fff;
  list-style: none;
  min-width: 150px; }
  .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: 2px 0; }

.menugroup-content .menu-label {
  background: #d2d6de;
  color: #5b677d;
  display: block;
  padding: 5px 3px;
  text-shadow: 1px 1px #fff; }

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

.menu-content li {
  border-bottom: 1px solid #bcbbbb;
  border-top: 1px 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: 4px 5px;
  text-decoration: none; }

.menu-content li a.focus,
.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #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: 21px;
  line-height: 21px;
  margin-right: 5px;
  text-decoration: none;
  vertical-align: middle; }

.has-control-menu .lfr-asset-anchor {
  height: 74px;
  margin-top: -74px; }

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

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

.lfr-page-layouts {
  padding: 0; }
  .lfr-page-layouts input[type='radio'] {
    opacity: 0;
    position: absolute; }
    .lfr-page-layouts input[type='radio']:checked + .card-horizontal.card,
    .lfr-page-layouts input[type='radio']:checked + .card-horizontal .card {
      background-color: #f8f9fa;
      cursor: default; }
    .lfr-page-layouts input[type='radio']:checked + .card-horizontal::after {
      background-color: #000;
      bottom: -1px;
      content: "";
      height: 4px;
      left: -1px;
      position: absolute;
      right: -1px;
      transition: height 0.15s ease-in-out; }
  .lfr-page-layouts .card-horizontal.card,
  .lfr-page-layouts .card-horizontal .card {
    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: #f8f9fa;
      text-decoration: none; }
    .lfr-page-layouts .card-horizontal.card:focus,
    .lfr-page-layouts .card-horizontal .card:focus {
      background-color: #f8f9fa;
      border-color: #404040;
      box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }
    .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: #e9ecef; }
  .lfr-page-layouts .card-horizontal::after {
    border-radius: 0 0 0.25rem 0.25rem;
    bottom: -1px;
    content: "";
    height: 0;
    left: -1px;
    position: absolute;
    right: -1px;
    transition: height 0.15s ease-in-out; }
  .lfr-page-layouts .card-horizontal:hover::after, .lfr-page-layouts .card-horizontal.hover::after {
    background-color: #000;
    height: 4px; }
  .lfr-page-layouts .card-horizontal:focus::after, .lfr-page-layouts .card-horizontal.focus::after {
    background-color: #000;
    height: 4px; }
  .lfr-page-layouts .card-horizontal:active::after, .lfr-page-layouts .card-horizontal.active::after {
    background-color: #000;
    height: 4px; }

.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 (min-width: 576px) {
  .modal-dialog {
    max-width: none; } }

.modal-dialog.modal-dialog-sm {
  max-width: 500px; }

.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: 3px solid #5eaf3d; }

.customizable-layout-column-content {
  background-color: #c92c3c; }
  .customizable-layout-column-content.yui3-widget-content-expanded {
    margin: 0 15px; }

.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 15px;
  position: relative; }

.layout-customizable-controls {
  font-size: 1.5em;
  padding: 4px 16px;
  position: absolute;
  width: 100%;
  z-index: 15; }
  .layout-customizable-controls label {
    color: #fff; }

.paginator-link {
  background: #eee no-repeat scroll 50% 1px;
  border: 1px solid #f0f1f2;
  border-color: #f0f1f2 #b2b2b2 #949494 #f0f1f1;
  color: #1f1e1e;
  display: inline-block;
  height: 20px;
  padding: 0;
  text-indent: -9999px;
  width: 20px; }

.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: -1px -1px #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: 5px 10px; }

.lfr-panel-basic .lfr-panel-content {
  padding-left: 15px; }

.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: 10px;
  text-shadow: 1px 1px #fff; }

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

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

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

.splitter {
  background-color: #f8f9fa;
  border-radius: 0.25rem 0.25rem 0 0;
  padding: 10px 15px;
  position: relative;
  z-index: 1; }
  .splitter.splitter-spaced {
    border-radius: 0.25rem;
    margin-bottom: 20px; }

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

.lfr-nav.nav-tabs {
  margin-bottom: 20px; }

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

.tab-back {
  float: right; }

.tab-back-content {
  border-width: 0;
  padding: 1px; }

.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 .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: 2px solid #869cad;
    margin-bottom: 10px;
    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: 200px; }
  .tooltip .tooltip-arrow {
    background-color: #000;
    height: 0.6rem;
    position: absolute;
    transform: rotate(45deg);
    width: 0.6rem; }

.tooltip.top .tooltip-arrow,
.tooltip.bottom .tooltip-arrow {
  left: 50%;
  margin-left: -0.3rem; }

.tooltip.right .tooltip-arrow,
.tooltip.left .tooltip-arrow {
  margin-top: -0.3rem;
  top: 50%; }

.tooltip.bottom {
  padding-top: 0.3rem; }
  .tooltip.bottom .tooltip-arrow {
    top: 0; }

.tooltip.left {
  padding-right: 0.3rem; }
  .tooltip.left .tooltip-arrow {
    right: 0; }

.tooltip.right {
  padding-left: 0.3rem; }
  .tooltip.right .tooltip-arrow {
    left: 0; }

.tooltip.top {
  padding-bottom: 0.3rem; }
  .tooltip.top .tooltip-arrow {
    bottom: 0; }

.tree-node .icon-check {
  padding-right: 2px; }

.tree-node .tree-node-checked .icon-check {
  padding-right: 0; }

.tree-node [class^='icon-'] {
  margin-right: 5px; }

.tree-node .tree-node-checkbox-container {
  margin-right: 0; }

.tree-node .tree-node-selected .tree-label {
  background: none; }

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px; }

.tree-node-content .tree-label {
  margin-left: 3px; }

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

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

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

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

.underlay-close {
  position: absolute;
  right: 5px;
  top: 5px; }

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

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

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

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

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

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

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

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

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

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

/* ---------- Column widths ---------- */
.portlet-column-content.empty {
  padding: 50px; }

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

hr.portlet-divider {
  width: 100%;
  margin-left: calc((100% - 100vw) / 2);
  margin-right: calc((100% - 100vw) / 2);
  padding-left: calc((100vw - 100%) / 2);
  padding-right: calc((100vw - 100%) / 2);
  box-sizing: content-box; }

/* Serif Font Family */
/* Sans Serif Font Family */
/* Center Vertically */
@media (min-width: 1400px) {
  .signed-out .navigation {
    margin-right: -2px; } }

.navbar-nav .dropdown-menu {
  position: static; }

.navigation {
  display: flex;
  margin-left: auto;
  height: 1.875rem;
  align-items: center; }
  .navigation .dropdown-toggle {
    position: relative;
    height: 100%; }
  .navigation .dropdown-menu--main {
    width: auto;
    margin-top: 0;
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px #d0d0d0; }
  .navigation .portlet {
    margin-bottom: 0; }

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

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: underline; }

.dropdown-toggle:hover {
  text-decoration: underline; }

.nav {
  flex-direction: row; }
  .nav > li {
    display: block; }
  .nav a {
    color: #000; }
  .nav--horizontal {
    display: flex;
    justify-content: space-around; }
    .nav--horizontal::before {
      content: none; }
    .nav--horizontal::after {
      content: none; }
  .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: 14px;
    line-height: 20px;
    letter-spacing: 0.7px; }
  .nav__child-menu {
    position: static;
    border: none;
    box-shadow: none; }
  .nav .delete-tab {
    display: none; }
  .nav .dropdown-menu > .active > a,
  .nav .dropdown-menu > .active > a:hover {
    background: none; }

.wrapper .nav .dropdown-menu > li > a {
  color: #444;
  outline: none; }
  .wrapper .nav .dropdown-menu > li > a:hover, .wrapper .nav .dropdown-menu > li > a:focus, .wrapper .nav .dropdown-menu > li > a:active {
    background-color: transparent;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    box-shadow: none; }

.wrapper .dropup,
.wrapper .dropdown {
  position: static; }

.header .nav__link--main {
  font-size: 1.125rem;
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  letter-spacing: 0.6px; }

.header .dropdown-menu > li > a {
  padding: 0.46875rem 0;
  color: #000; }
  .header .dropdown-menu > li > a:hover, .header .dropdown-menu > li > a:focus {
    color: #000; }

.show > a > .triangle {
  display: block; }

.triangle {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d0d0d0;
  position: absolute;
  top: 2.8125rem;
  left: 0;
  z-index: 1010;
  display: none; }
  .triangle .inner-triangle {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    bottom: -10px;
    left: -8px; }

.navbar {
  border-width: 0; }

@media (min-width: 992px) {
  .nav--horizontal {
    padding-top: 2.1875rem;
    padding-bottom: 2.1875rem; }
  .nav__child-menu {
    display: block;
    width: auto; }
  .nav__item--main:nth-of-type(4) {
    border-left: solid #d0d0d0 1px; }
  .nav .delete-tab {
    top: 0;
    position: absolute;
    right: 0;
    padding: 0 10px;
    cursor: pointer; }
  .lfr-nav-child-toggle {
    display: none; }
  .dropdown-menu--main .nav__item--main {
    padding-right: 3.4375rem;
    padding-left: 3.4375rem; }
  #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 !important; }
    .navigation .dropdown-menu.child-menu {
      padding-top: 0.78125rem;
      padding-bottom: 0; }
    .navigation .dropdown-menu--open-left {
      left: auto !important;
      transform: none !important;
      right: 1.25rem; }
    .navigation .dropdown-menu .nav__item--main:nth-of-type(1n + 5) {
      display: none; }
  .triangle {
    top: 1.9375rem; }
  .navbar-nav > li {
    float: left; } }

.nav-tabs .nav-link:focus,
.nav-tabs .nav-underline .tab a:focus,
.nav-underline .tab .nav-tabs a:focus {
  box-shadow: none; }

/* ---------- Portlet topper ---------- */
/* ---------- Portlet decorator ---------- */
/* ---------- Portlet header ---------- */
/* See /build/css/portlet/_variable.scss for all variables */
body.portlet {
  border-width: 0; }

.portlet-icon-back {
  margin-top: -2px; }

.portlet-topper {
  position: relative; }
  .portlet-topper .portlet-topper-toolbar .portlet-icon-back {
    background: url(../images/arrows/12_left.png) no-repeat 0 50%;
    padding: 5px 5px 5px 18px; }
  .portlet-topper .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 (min-width: 576px) {
  .portlet .visible-interaction {
    display: none; } }

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

@media (max-width: 767.98px) {
  .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: 3px 3px 3px 20px; }

.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 6px 50%;
  border: 1px solid #555;
  color: #34404f;
  font-weight: bold;
  margin: 2px auto 14px;
  padding: 6px 6px 6px 30px;
  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: 3px;
    margin: -8px 8px 0 3px;
    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: 10px;
    padding: 1px 10px;
    text-shadow: 1px 1px 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 (min-width: 576px) {
  .portlet.open > .portlet-topper, .portlet:hover > .portlet-topper, .portlet.focus > .portlet-topper {
    opacity: 1;
    transform: translateY(-97%); } }

@media (min-width: 576px) {
  .portlet.open > .portlet-content-editable, .portlet:hover > .portlet-content-editable, .portlet.focus > .portlet-content-editable {
    border-color: #80acff;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

.portlet {
  margin-bottom: 10px;
  position: relative; }
  .portlet > .portlet-content-editable {
    border-color: transparent; }
  .portlet > .portlet-topper {
    display: none; }
    @media (min-width: 576px) {
      .portlet > .portlet-topper {
        display: flex;
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        transition: opacity 0.25s, transform 0.25s;
        top: 0; } }
  @media (min-width: 576px) and (prefers-reduced-motion: reduce) {
    .portlet > .portlet-topper {
      transition: none; } }

.portlet-content-editable {
  border-color: #80acff;
  border-radius: 0 0 2px 2px;
  border-style: solid;
  border-width: 1px 1px 1px 1px; }

/* ---------- 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;
  -ms-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;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto; }
  .portlet-title-menu > span > a {
    display: inline-block;
    text-decoration: none; }

.portlet-topper {
  background-color: #869cad;
  border-color: #80acff;
  border-radius: 4px 4px 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: #FFF;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 12px 3px 24px;
  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: #FFF; }
  .portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
    text-decoration: none; }

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

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

/* ---------- Portlet controls in mobile ---------- */
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: #80acff;
    border-top-left-radius: 0;
    border-top-right-radius: 0; } }

@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    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: 13px; }
  .lfr-panel-page .lfr-add-content h2 span {
    background-color: #d3dadd; }

.main-content-body {
  margin-top: 20px; }

.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: 5px 50%;
  background-repeat: no-repeat;
  padding-left: 28px; }

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

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

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

/* ---------- 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: 10px;
  margin-top: 10px;
  padding: 28px 24px 28px; }

/* ---------- 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;
    height: 10px;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap; }

/* ---------- 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: 15px;
  padding: 5px 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: 36px; }
  .widget-mode-detail .sub-title {
    font-size: 26px;
    margin-bottom: 32px; }
  .widget-mode-detail .widget-metadata {
    margin-bottom: 2rem; }
  .widget-mode-detail .widget-mode-detail-text {
    margin-top: 48px; }
    .widget-mode-detail .widget-mode-detail-text img {
      max-width: 100%; }
    .widget-mode-detail .widget-mode-detail-text p {
      font-size: 18px;
      line-height: 1.8; }

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

.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: -8px; } }

.widget-mode-simple .widget-topbar {
  margin-bottom: 8px; }

.widget-mode-simple .widget-metadata {
  margin-bottom: 24px; }

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

.widget-mode-simple .widget-content .cover-image {
  margin-bottom: 24px; }

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

.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: 5px; }

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

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

.product-menu .loading-animation {
  margin-top: 160px; }

.lfr-search-combobox-item {
  border-radius: 1px; }

.lfr-search-combobox .field-input-text {
  border-radius: 4px 1px 1px 4px; }

.lfr-search-combobox .button-input {
  border-radius: 1px 4px 4px 1px; }

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

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

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: 4px; }

.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: 5px; }

.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: 6px; }

.menu-content {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.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: 8px;
  border-bottom-right-radius: 8px; }

.input-localized .lfr-input-localized-state {
  border-radius: 3px; }

.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: 10px; }

.lfr-token {
  border-radius: 8px; }

.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: 2px; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

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

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

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

.highlight-animation {
  -webkit-animation: highlight-animation 0.7s;
  animation: highlight-animation 0.7s; }

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

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

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

@keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%); }
  40% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  60% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%); }
  100% {
    -webkit-transform: translateX(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: 200px; }

.portlet-boundary.yui3-dd-dragging {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-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; }

@-webkit-keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd; }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  75% {
    background-color: #ddedde;
    border-color: #7d7; }
  100% {
    background-color: #ebebeb;
    border-color: #ddd; } }

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd; }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    -webkit-transform: scale(1.1);
    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 {
  -webkit-animation: none;
  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 {
  -webkit-animation: lfr-drop-active 1s ease 0.2s infinite;
  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: 2px; }

.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; }
  @media (prefers-reduced-motion: reduce) {
    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: none; } }

/* ---------- Image selector ---------- */
.taglib-image-selector .selection-status {
  transition: opacity 0.2s ease-in-out;
  border-radius: 30px; }
  @media (prefers-reduced-motion: reduce) {
    .taglib-image-selector .selection-status {
      transition: none; } }

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

/* ---------- Drop here info ---------- */
.drop-here-info {
  transition: all 0.2s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .drop-here-info {
      transition: none; } }
  .drop-here-info .drop-icons {
    transition: all 0.2s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .drop-here-info .drop-icons {
        transition: none; } }
    .drop-here-info .drop-icons span {
      transition: all 0.3s ease-in-out;
      border-radius: 3px; }
      @media (prefers-reduced-motion: reduce) {
        .drop-here-info .drop-icons span {
          transition: none; } }
    .drop-here-info .drop-icons span:nth-of-type(1) {
      box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
      -webkit-transform: rotate(25deg);
      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);
      -webkit-transform: scale(0.8);
      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);
      -webkit-transform: rotate(-25deg);
      transform: rotate(-25deg); }

.drop-active .drop-here-info span:nth-of-type(1) {
  -webkit-transform: rotate(-20deg);
  transform: rotate(-20deg); }

.drop-active .drop-here-info span:nth-of-type(2) {
  -webkit-transform: scale(1);
  transform: scale(1); }

.drop-active .drop-here-info span:nth-of-type(3) {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg); }

/*!
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'fontawesome-alloy';
  src: url("../font/fontawesome-alloy.eot");
  src: url("../font/fontawesome-alloy.eot?#iefix") format("embedded-opentype"), url("../font/fontawesome-alloy.woff") format("woff"), url("../font/fontawesome-alloy.ttf") format("truetype"), url("../font/fontawesome-alloy.svg#fontawesome-alloy") format("svg");
  font-weight: normal;
  font-style: normal; }

/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'fontawesome-alloy';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none; }

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33333em; }

/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline; }

/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.14286em;
  text-align: right;
  padding-right: 0.28571em; }
  [class^="icon-"].icon-fixed-width.icon-large,
  [class*=" icon-"].icon-fixed-width.icon-large {
    width: 1.42857em; }

.icons-ul {
  margin-left: 2.14286em;
  list-style-type: none; }
  .icons-ul > li {
    position: relative; }
  .icons-ul .icon-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    text-align: center;
    line-height: inherit; }

[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none; }

.icon-muted {
  color: #eeeeee; }

.icon-light {
  color: white; }

.icon-dark {
  color: #333333; }

.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.icon-2x {
  font-size: 2em; }
  .icon-2x.icon-border {
    border-width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }

.icon-3x {
  font-size: 3em; }
  .icon-3x.icon-border {
    border-width: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

.icon-4x {
  font-size: 4em; }
  .icon-4x.icon-border {
    border-width: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }

.icon-5x {
  font-size: 5em; }
  .icon-5x.icon-border {
    border-width: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em; }

[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em; }

/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0; }

/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none; }

/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em; }

.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block; }

.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em; }

.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em; }

.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em; }

.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em; }

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0; }
  .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-left.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-top: .05em; }
  .btn.btn-large [class^="icon-"].pull-left.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
    margin-right: .2em; }
  .btn.btn-large [class^="icon-"].pull-right.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-left: .2em; }

/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit; }

/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%; }
  .icon-stack [class^="icon-"],
  .icon-stack [class*=" icon-"] {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: inherit;
    *line-height: 2em; }
  .icon-stack .icon-stack-base {
    font-size: 2em;
    *line-height: 1em; }

/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }
  100% {
    -o-transform: rotate(359deg); } }

@-ms-keyframes spin {
0% {
    -ms-transform: rotate(0deg); }
100% {
    -ms-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }

.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
  display: inline-block; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'fontawesome-alloy';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-caret-bottom-right, .icon-glass, .icon-music, .icon-search, .icon-envelope, .icon-heart, .icon-star, .icon-star-empty, .icon-user, .icon-film, .icon-th-large, .icon-th, .icon-th-list, .icon-ok, .icon-remove, .icon-zoom-in, .icon-zoom-out, .icon-off, .icon-signal, .icon-cog, .icon-trash, .icon-home, .icon-file, .icon-inbox, .icon-play-circle, .icon-repeat, .icon-refresh, .icon-list-alt, .icon-lock, .icon-flag, .icon-headphones, .icon-volume-off, .icon-volume-down, .icon-volume-up, .icon-qrcode, .icon-barcode, .icon-tag, .icon-tags, .icon-book, .icon-bookmark, .icon-print, .icon-camera, .icon-font, .icon-bold, .icon-italic, .icon-align-justify, .icon-list, .icon-indent-left, .icon-indent-right, .icon-facetime-video, .icon-picture, .icon-pencil, .icon-map-marker, .icon-adjust, .icon-tint, .icon-edit, .icon-share, .icon-check, .icon-move, .icon-step-backward, .icon-fast-backward, .icon-backward, .icon-play, .icon-pause, .icon-stop, .icon-forward, .icon-fast-forward, .icon-minus-sign, .icon-remove-sign, .icon-ok-sign, .icon-question-sign, .icon-info-sign, .icon-screenshot, .icon-remove-circle, .icon-ok-circle, .icon-ban-circle, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-down, .icon-share-alt, .icon-resize-full, .icon-resize-small, .icon-plus, .icon-minus, .icon-asterisk, .icon-exclamation-sign, .icon-gift, .icon-leaf, .icon-calendar, .icon-random, .icon-comment, .icon-magnet, .icon-chevron-up, .icon-chevron-down, .icon-retweet, .icon-shopping-cart, .icon-folder-close, .icon-folder-open, .icon-resize-vertical, .icon-resize-horizontal, .icon-bar-chart, .icon-twitter-sign, .icon-facebook-sign, .icon-camera-retro, .icon-key, .icon-cogs, .icon-comments, .icon-thumbs-up, .icon-thumbs-down, .icon-star-half, .icon-signin, .icon-trophy, .icon-github-sign, .icon-upload-alt, .icon-lemon, .icon-phone, .icon-check-empty, .icon-bookmark-empty, .icon-phone-sign, .icon-twitter, .icon-facebook, .icon-github, .icon-unlock, .icon-credit, .icon-rss, .icon-hdd, .icon-bullhorn, .icon-bell, .icon-certificate, .icon-hand-right, .icon-hand-left, .icon-hand-up, .icon-globe, .icon-wrench, .icon-tasks, .icon-filter, .icon-briefcase, .icon-fullscreen, .icon-group, .icon-link, .icon-cloud, .icon-beaker, .icon-cut, .icon-copy, .icon-paper-clip, .icon-save, .icon-sign-blank, .icon-reorder, .icon-list-ul, .icon-list-ol, .icon-strikethrough, .icon-underline, .icon-table, .icon-magic, .icon-money, .icon-caret-down, .icon-caret-up, .icon-caret-left, .icon-caret-right, .icon-columns, .icon-sort, .icon-sort-down, .icon-sort-up, .icon-envelope-alt, .icon-linkedin, .icon-undo, .icon-legal, .icon-dashboard, .icon-comment-alt, .icon-comments-alt, .icon-bolt, .icon-sitemap, .icon-umbrella, .icon-paste, .icon-lightbulb, .icon-exchange, .icon-bell-alt, .icon-coffee, .icon-food, .icon-file-alt, .icon-building, .icon-hospital, .icon-ambulance, .icon-medkit, .icon-fighter-jet, .icon-beer, .icon-h-sign, .icon-plus-sign, .icon-double-angle-left, .icon-double-angle-right, .icon-double-angle-up, .icon-double-angle-down, .icon-angle-left, .icon-angle-right, .icon-angle-up, .icon-angle-down, .icon-desktop, .icon-laptop, .icon-spinner, .icon-circle, .icon-reply, .icon-github-alt, .icon-folder-close-alt, .icon-folder-open-alt, .icon-expand-alt, .icon-collapse-alt, .icon-smile, .icon-frown, .icon-meh, .icon-gamepad, .icon-keyboard, .icon-flag-alt, .icon-flag-checkered, .icon-terminal, .icon-code, .icon-reply-all, .icon-star-half-full, .icon-location-arrow, .icon-crop, .icon-code-fork, .icon-subscript, .icon-eraser, .icon-puzzle, .icon-microphone, .icon-microphone-off, .icon-shield, .icon-calendar-empty, .icon-fire-extinguisher, .icon-rocket, .icon-maxcdn, .icon-chevron-sign-left, .icon-chevron-sign-right, .icon-chevron-sign-up, .icon-chevron-sign-down, .icon-html5, .icon-css3, .icon-anchor, .icon-unlock-alt, .icon-bullseye, .icon-ellipsis-horizontal, .icon-ellipsis-vertical, .icon-rss-sign, .icon-fb-boolean, .icon-text-height, .icon-text-width, .icon-align-left, .icon-align-center, .icon-align-right, .icon-step-forward, .icon-eject, .icon-chevron-left, .icon-chevron-right, .icon-plus-sign-2, .icon-fire, .icon-eye-open, .icon-eye-close, .icon-warning-sign, .icon-plane, .icon-heart-empty, .icon-signout, .icon-linkedin-sign, .icon-pushpin, .icon-external-link, .icon-hand-down, .icon-circle-arrow-left, .icon-circle-arrow-right, .icon-circle-arrow-up, .icon-circle-arrow-down, .icon-truck, .icon-pinterest, .icon-pinterest-sign, .icon-google-plus-sign, .icon-google-plus, .icon-cloud-download, .icon-cloud-upload, .icon-user-md, .icon-stethoscope, .icon-suitcase, .icon-tablet, .icon-mobile, .icon-circle-blank, .icon-quote-left, .icon-quote-right, .icon-unlink, .icon-question, .icon-info, .icon-exclamation, .icon-superscript, .icon-play-sign, .icon-ticket, .icon-minus-sign-alt, .icon-check-minus, .icon-level-up, .icon-sort-by-attributes-alt, .icon-sort-by-order, .icon-sort-by-order-alt, .icon-thumbs-up-2, .icon-thumbs-down-2, .icon-dribbble, .icon-skype, .icon-foursquare, .icon-trello, .icon-female, .icon-level-down, .icon-check-sign, .icon-edit-sign, .icon-external-link-sign, .icon-share-sign, .icon-compass, .icon-collapse, .icon-collapse-top, .icon-expand, .icon-euro, .icon-gbp, .icon-dollar, .icon-rupee, .icon-yen, .icon-renminbi, .icon-won, .icon-bitcoin, .icon-file-2, .icon-file-text, .icon-sort-by-alphabet, .icon-sort-by-alphabet-alt, .icon-sort-by-attributes, .icon-youtube-sign, .icon-youtube, .icon-xing, .icon-xing-sign, .icon-youtube-play, .icon-dropbox, .icon-stackexchange, .icon-instagram, .icon-flickr, .icon-adn, .icon-bitbucket, .icon-bitbucket-sign, .icon-tumblr, .icon-tumblr-sign, .icon-long-arrow-down, .icon-long-arrow-up, .icon-long-arrow-left, .icon-long-arrow-right, .icon-apple, .icon-windows, .icon-android, .icon-linux, .icon-male, .icon-gittip, .icon-sun, .icon-moon, .icon-archive, .icon-bug, .icon-vk, .icon-weibo, .icon-renren, .icon-time, .icon-road, .icon-download-alt, .icon-download, .icon-upload, .icon-db-joinxor, .icon-db-state, .icon-db-start, .icon-db-end, .icon-db-fork, .icon-db-condition, .icon-db-task, .icon-db-join, .icon-fb-button, .icon-fb-fieldset, .icon-fb-custom-field, .icon-fb-separator, .icon-fb-paragraph, .icon-fb-file-upload, .icon-fb-text, .icon-fb-text-box, .icon-fb-select, .icon-fb-radio, .icon-fb-number, .icon-fb-integer, .icon-fb-decimal {
  font-family: 'fontawesome-alloy';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-caret-bottom-right:before {
  content: "\e016"; }

.icon-glass:before {
  content: "\f000"; }

.icon-music:before {
  content: "\f001"; }

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

.icon-envelope:before {
  content: "\f003"; }

.icon-heart:before {
  content: "\f004"; }

.icon-star:before {
  content: "\f005"; }

.icon-star-empty:before {
  content: "\f006"; }

.icon-user:before {
  content: "\f007"; }

.icon-film:before {
  content: "\f008"; }

.icon-th-large:before {
  content: "\f009"; }

.icon-th:before {
  content: "\f00a"; }

.icon-th-list:before {
  content: "\f00b"; }

.icon-ok:before {
  content: "\f00c"; }

.icon-remove:before {
  content: "\f00d"; }

.icon-zoom-in:before {
  content: "\f00e"; }

.icon-zoom-out:before {
  content: "\f010"; }

.icon-off:before {
  content: "\f011"; }

.icon-signal:before {
  content: "\f012"; }

.icon-cog:before {
  content: "\f013"; }

.icon-trash:before {
  content: "\f014"; }

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

.icon-file:before {
  content: "\f016"; }

.icon-inbox:before {
  content: "\f01c"; }

.icon-play-circle:before {
  content: "\f01d"; }

.icon-repeat:before {
  content: "\f01e"; }

.icon-refresh:before {
  content: "\f021"; }

.icon-list-alt:before {
  content: "\f022"; }

.icon-lock:before {
  content: "\f023"; }

.icon-flag:before {
  content: "\f024"; }

.icon-headphones:before {
  content: "\f025"; }

.icon-volume-off:before {
  content: "\f026"; }

.icon-volume-down:before {
  content: "\f027"; }

.icon-volume-up:before {
  content: "\f028"; }

.icon-qrcode:before {
  content: "\f029"; }

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

.icon-tag:before {
  content: "\f02b"; }

.icon-tags:before {
  content: "\f02c"; }

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

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

.icon-print:before {
  content: "\f02f"; }

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

.icon-font:before {
  content: "\f031"; }

.icon-bold:before {
  content: "\f032"; }

.icon-italic:before {
  content: "\f033"; }

.icon-align-justify:before {
  content: "\f039"; }

.icon-list:before {
  content: "\f03a"; }

.icon-indent-left:before {
  content: "\f03b"; }

.icon-indent-right:before {
  content: "\f03c"; }

.icon-facetime-video:before {
  content: "\f03d"; }

.icon-picture:before {
  content: "\f03e"; }

.icon-pencil:before {
  content: "\f040"; }

.icon-map-marker:before {
  content: "\f041"; }

.icon-adjust:before {
  content: "\f042"; }

.icon-tint:before {
  content: "\f043"; }

.icon-edit:before {
  content: "\f044"; }

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

.icon-check:before {
  content: "\f046"; }

.icon-move:before {
  content: "\f047"; }

.icon-step-backward:before {
  content: "\f048"; }

.icon-fast-backward:before {
  content: "\f049"; }

.icon-backward:before {
  content: "\f04a"; }

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

.icon-pause:before {
  content: "\f04c"; }

.icon-stop:before {
  content: "\f04d"; }

.icon-forward:before {
  content: "\f04e"; }

.icon-fast-forward:before {
  content: "\f050"; }

.icon-minus-sign:before {
  content: "\f056"; }

.icon-remove-sign:before {
  content: "\f057"; }

.icon-ok-sign:before {
  content: "\f058"; }

.icon-question-sign:before {
  content: "\f059"; }

.icon-info-sign:before {
  content: "\f05a"; }

.icon-screenshot:before {
  content: "\f05b"; }

.icon-remove-circle:before {
  content: "\f05c"; }

.icon-ok-circle:before {
  content: "\f05d"; }

.icon-ban-circle:before {
  content: "\f05e"; }

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

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

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

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

.icon-share-alt:before {
  content: "\f064"; }

.icon-resize-full:before {
  content: "\f065"; }

.icon-resize-small:before {
  content: "\f066"; }

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

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

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

.icon-exclamation-sign:before {
  content: "\f06a"; }

.icon-gift:before {
  content: "\f06b"; }

.icon-leaf:before {
  content: "\f06c"; }

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

.icon-random:before {
  content: "\f074"; }

.icon-comment:before {
  content: "\f075"; }

.icon-magnet:before {
  content: "\f076"; }

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

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

.icon-retweet:before {
  content: "\f079"; }

.icon-shopping-cart:before {
  content: "\f07a"; }

.icon-folder-close:before {
  content: "\f07b"; }

.icon-folder-open:before {
  content: "\f07c"; }

.icon-resize-vertical:before {
  content: "\f07d"; }

.icon-resize-horizontal:before {
  content: "\f07e"; }

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

.icon-twitter-sign:before {
  content: "\f081"; }

.icon-facebook-sign:before {
  content: "\f082"; }

.icon-camera-retro:before {
  content: "\f083"; }

.icon-key:before {
  content: "\f084"; }

.icon-cogs:before {
  content: "\f085"; }

.icon-comments:before {
  content: "\f086"; }

.icon-thumbs-up:before {
  content: "\f087"; }

.icon-thumbs-down:before {
  content: "\f088"; }

.icon-star-half:before {
  content: "\f089"; }

.icon-signin:before {
  content: "\f090"; }

.icon-trophy:before {
  content: "\f091"; }

.icon-github-sign:before {
  content: "\f092"; }

.icon-upload-alt:before {
  content: "\f093"; }

.icon-lemon:before {
  content: "\f094"; }

.icon-phone:before {
  content: "\f095"; }

.icon-check-empty:before {
  content: "\f096"; }

.icon-bookmark-empty:before {
  content: "\f097"; }

.icon-phone-sign:before {
  content: "\f098"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-github:before {
  content: "\f09b"; }

.icon-unlock:before {
  content: "\f09c"; }

.icon-credit:before {
  content: "\f09d"; }

.icon-rss:before {
  content: "\f09e"; }

.icon-hdd:before {
  content: "\f0a0"; }

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

.icon-bell:before {
  content: "\f0a2"; }

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

.icon-hand-right:before {
  content: "\f0a4"; }

.icon-hand-left:before {
  content: "\f0a5"; }

.icon-hand-up:before {
  content: "\f0a6"; }

.icon-globe:before {
  content: "\f0ac"; }

.icon-wrench:before {
  content: "\f0ad"; }

.icon-tasks:before {
  content: "\f0ae"; }

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

.icon-briefcase:before {
  content: "\f0b1"; }

.icon-fullscreen:before {
  content: "\f0b2"; }

.icon-group:before {
  content: "\f0c0"; }

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

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

.icon-beaker:before {
  content: "\f0c3"; }

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

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

.icon-paper-clip:before {
  content: "\f0c6"; }

.icon-save:before {
  content: "\f0c7"; }

.icon-sign-blank:before {
  content: "\f0c8"; }

.icon-reorder:before {
  content: "\f0c9"; }

.icon-list-ul:before {
  content: "\f0ca"; }

.icon-list-ol:before {
  content: "\f0cb"; }

.icon-strikethrough:before {
  content: "\f0cc"; }

.icon-underline:before {
  content: "\f0cd"; }

.icon-table:before {
  content: "\f0ce"; }

.icon-magic:before {
  content: "\f0d0"; }

.icon-money:before {
  content: "\f0d6"; }

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

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

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

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

.icon-columns:before {
  content: "\f0db"; }

.icon-sort:before {
  content: "\f0dc"; }

.icon-sort-down:before {
  content: "\f0dd"; }

.icon-sort-up:before {
  content: "\f0de"; }

.icon-envelope-alt:before {
  content: "\f0e0"; }

.icon-linkedin:before {
  content: "\f0e1"; }

.icon-undo:before {
  content: "\f0e2"; }

.icon-legal:before {
  content: "\f0e3"; }

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

.icon-comment-alt:before {
  content: "\f0e5"; }

.icon-comments-alt:before {
  content: "\f0e6"; }

.icon-bolt:before {
  content: "\f0e7"; }

.icon-sitemap:before {
  content: "\f0e8"; }

.icon-umbrella:before {
  content: "\f0e9"; }

.icon-paste:before {
  content: "\f0ea"; }

.icon-lightbulb:before {
  content: "\f0eb"; }

.icon-exchange:before {
  content: "\f0ec"; }

.icon-bell-alt:before {
  content: "\f0f3"; }

.icon-coffee:before {
  content: "\f0f4"; }

.icon-food:before {
  content: "\f0f5"; }

.icon-file-alt:before {
  content: "\f0f6"; }

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

.icon-hospital:before {
  content: "\f0f8"; }

.icon-ambulance:before {
  content: "\f0f9"; }

.icon-medkit:before {
  content: "\f0fa"; }

.icon-fighter-jet:before {
  content: "\f0fb"; }

.icon-beer:before {
  content: "\f0fc"; }

.icon-h-sign:before {
  content: "\f0fd"; }

.icon-plus-sign:before {
  content: "\f0fe"; }

.icon-double-angle-left:before {
  content: "\f100"; }

.icon-double-angle-right:before {
  content: "\f101"; }

.icon-double-angle-up:before {
  content: "\f102"; }

.icon-double-angle-down:before {
  content: "\f103"; }

.icon-angle-left:before {
  content: "\f104"; }

.icon-angle-right:before {
  content: "\f105"; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

.icon-desktop:before {
  content: "\f108"; }

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

.icon-spinner:before {
  content: "\f110"; }

.icon-circle:before {
  content: "\f111"; }

.icon-reply:before {
  content: "\f112"; }

.icon-github-alt:before {
  content: "\f113"; }

.icon-folder-close-alt:before {
  content: "\f114"; }

.icon-folder-open-alt:before {
  content: "\f115"; }

.icon-expand-alt:before {
  content: "\f116"; }

.icon-collapse-alt:before {
  content: "\f117"; }

.icon-smile:before {
  content: "\f118"; }

.icon-frown:before {
  content: "\f119"; }

.icon-meh:before {
  content: "\f11a"; }

.icon-gamepad:before {
  content: "\f11b"; }

.icon-keyboard:before {
  content: "\f11c"; }

.icon-flag-alt:before {
  content: "\f11d"; }

.icon-flag-checkered:before {
  content: "\f11e"; }

.icon-terminal:before {
  content: "\f120"; }

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

.icon-reply-all:before {
  content: "\f122"; }

.icon-star-half-full:before {
  content: "\f123"; }

.icon-location-arrow:before {
  content: "\f124"; }

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

.icon-code-fork:before {
  content: "\f126"; }

.icon-subscript:before {
  content: "\f12c"; }

.icon-eraser:before {
  content: "\f12d"; }

.icon-puzzle:before {
  content: "\f12e"; }

.icon-microphone:before {
  content: "\f130"; }

.icon-microphone-off:before {
  content: "\f131"; }

.icon-shield:before {
  content: "\f132"; }

.icon-calendar-empty:before {
  content: "\f133"; }

.icon-fire-extinguisher:before {
  content: "\f134"; }

.icon-rocket:before {
  content: "\f135"; }

.icon-maxcdn:before {
  content: "\f136"; }

.icon-chevron-sign-left:before {
  content: "\f137"; }

.icon-chevron-sign-right:before {
  content: "\f138"; }

.icon-chevron-sign-up:before {
  content: "\f139"; }

.icon-chevron-sign-down:before {
  content: "\f13a"; }

.icon-html5:before {
  content: "\f13b"; }

.icon-css3:before {
  content: "\f13c"; }

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

.icon-unlock-alt:before {
  content: "\f13e"; }

.icon-bullseye:before {
  content: "\f140"; }

.icon-ellipsis-horizontal:before {
  content: "\f141"; }

.icon-ellipsis-vertical:before {
  content: "\f142"; }

.icon-rss-sign:before {
  content: "\f143"; }

.icon-fb-boolean:before {
  content: "\e008"; }

.icon-text-height:before {
  content: "\f034"; }

.icon-text-width:before {
  content: "\f035"; }

.icon-align-left:before {
  content: "\f036"; }

.icon-align-center:before {
  content: "\f037"; }

.icon-align-right:before {
  content: "\f038"; }

.icon-step-forward:before {
  content: "\f051"; }

.icon-eject:before {
  content: "\f052"; }

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

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

.icon-plus-sign-2:before {
  content: "\f055"; }

.icon-fire:before {
  content: "\f06d"; }

.icon-eye-open:before {
  content: "\f06e"; }

.icon-eye-close:before {
  content: "\f070"; }

.icon-warning-sign:before {
  content: "\f071"; }

.icon-plane:before {
  content: "\f072"; }

.icon-heart-empty:before {
  content: "\f08a"; }

.icon-signout:before {
  content: "\f08b"; }

.icon-linkedin-sign:before {
  content: "\f08c"; }

.icon-pushpin:before {
  content: "\f08d"; }

.icon-external-link:before {
  content: "\f08e"; }

.icon-hand-down:before {
  content: "\f0a7"; }

.icon-circle-arrow-left:before {
  content: "\f0a8"; }

.icon-circle-arrow-right:before {
  content: "\f0a9"; }

.icon-circle-arrow-up:before {
  content: "\f0aa"; }

.icon-circle-arrow-down:before {
  content: "\f0ab"; }

.icon-truck:before {
  content: "\f0d1"; }

.icon-pinterest:before {
  content: "\f0d2"; }

.icon-pinterest-sign:before {
  content: "\f0d3"; }

.icon-google-plus-sign:before {
  content: "\f0d4"; }

.icon-google-plus:before {
  content: "\f0d5"; }

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

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

.icon-user-md:before {
  content: "\f0f0"; }

.icon-stethoscope:before {
  content: "\f0f1"; }

.icon-suitcase:before {
  content: "\f0f2"; }

.icon-tablet:before {
  content: "\f10a"; }

.icon-mobile:before {
  content: "\f10b"; }

.icon-circle-blank:before {
  content: "\f10c"; }

.icon-quote-left:before {
  content: "\f10d"; }

.icon-quote-right:before {
  content: "\f10e"; }

.icon-unlink:before {
  content: "\f127"; }

.icon-question:before {
  content: "\f128"; }

.icon-info:before {
  content: "\f129"; }

.icon-exclamation:before {
  content: "\f12a"; }

.icon-superscript:before {
  content: "\f12b"; }

.icon-play-sign:before {
  content: "\f144"; }

.icon-ticket:before {
  content: "\f145"; }

.icon-minus-sign-alt:before {
  content: "\f146"; }

.icon-check-minus:before {
  content: "\f147"; }

.icon-level-up:before {
  content: "\f148"; }

.icon-sort-by-attributes-alt:before {
  content: "\f161"; }

.icon-sort-by-order:before {
  content: "\f162"; }

.icon-sort-by-order-alt:before {
  content: "\f163"; }

.icon-thumbs-up-2:before {
  content: "\f164"; }

.icon-thumbs-down-2:before {
  content: "\f165"; }

.icon-dribbble:before {
  content: "\f17d"; }

.icon-skype:before {
  content: "\f17e"; }

.icon-foursquare:before {
  content: "\f180"; }

.icon-trello:before {
  content: "\f181"; }

.icon-female:before {
  content: "\f182"; }

.icon-level-down:before {
  content: "\f149"; }

.icon-check-sign:before {
  content: "\f14a"; }

.icon-edit-sign:before {
  content: "\f14b"; }

.icon-external-link-sign:before {
  content: "\f14c"; }

.icon-share-sign:before {
  content: "\f14d"; }

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

.icon-collapse:before {
  content: "\f150"; }

.icon-collapse-top:before {
  content: "\f151"; }

.icon-expand:before {
  content: "\f152"; }

.icon-euro:before {
  content: "\f153"; }

.icon-gbp:before {
  content: "\f154"; }

.icon-dollar:before {
  content: "\f155"; }

.icon-rupee:before {
  content: "\f156"; }

.icon-yen:before {
  content: "\f157"; }

.icon-renminbi:before {
  content: "\f158"; }

.icon-won:before {
  content: "\f159"; }

.icon-bitcoin:before {
  content: "\f15a"; }

.icon-file-2:before {
  content: "\f15b"; }

.icon-file-text:before {
  content: "\f15c"; }

.icon-sort-by-alphabet:before {
  content: "\f15d"; }

.icon-sort-by-alphabet-alt:before {
  content: "\f15e"; }

.icon-sort-by-attributes:before {
  content: "\f160"; }

.icon-youtube-sign:before {
  content: "\f166"; }

.icon-youtube:before {
  content: "\f167"; }

.icon-xing:before {
  content: "\f168"; }

.icon-xing-sign:before {
  content: "\f169"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-dropbox:before {
  content: "\f16b"; }

.icon-stackexchange:before {
  content: "\f16c"; }

.icon-instagram:before {
  content: "\f16d"; }

.icon-flickr:before {
  content: "\f16e"; }

.icon-adn:before {
  content: "\f170"; }

.icon-bitbucket:before {
  content: "\f171"; }

.icon-bitbucket-sign:before {
  content: "\f172"; }

.icon-tumblr:before {
  content: "\f173"; }

.icon-tumblr-sign:before {
  content: "\f174"; }

.icon-long-arrow-down:before {
  content: "\f175"; }

.icon-long-arrow-up:before {
  content: "\f176"; }

.icon-long-arrow-left:before {
  content: "\f177"; }

.icon-long-arrow-right:before {
  content: "\f178"; }

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

.icon-windows:before {
  content: "\f17a"; }

.icon-android:before {
  content: "\f17b"; }

.icon-linux:before {
  content: "\f17c"; }

.icon-male:before {
  content: "\f183"; }

.icon-gittip:before {
  content: "\f184"; }

.icon-sun:before {
  content: "\f185"; }

.icon-moon:before {
  content: "\f186"; }

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

.icon-bug:before {
  content: "\f188"; }

.icon-vk:before {
  content: "\f189"; }

.icon-weibo:before {
  content: "\f18a"; }

.icon-renren:before {
  content: "\f18b"; }

.icon-time:before {
  content: "\f017"; }

.icon-road:before {
  content: "\f018"; }

.icon-download-alt:before {
  content: "\f019"; }

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

.icon-upload:before {
  content: "\f01b"; }

.icon-db-joinxor:before {
  content: "\e006"; }

.icon-db-state:before {
  content: "\e009"; }

.icon-db-start:before {
  content: "\e00b"; }

.icon-db-end:before {
  content: "\e00a"; }

.icon-db-fork:before {
  content: "\e00c"; }

.icon-db-condition:before {
  content: "\e00e"; }

.icon-db-task:before {
  content: "\e00d"; }

.icon-db-join:before {
  content: "\e00f"; }

.icon-fb-button:before {
  content: "\e010"; }

.icon-fb-fieldset:before {
  content: "\e011"; }

.icon-fb-custom-field:before {
  content: "\e012"; }

.icon-fb-separator:before {
  content: "\e013"; }

.icon-fb-paragraph:before {
  content: "\e014"; }

.icon-fb-file-upload:before {
  content: "\e015"; }

.icon-fb-text:before {
  content: "\e000"; }

.icon-fb-text-box:before {
  content: "\e001"; }

.icon-fb-select:before {
  content: "\e002"; }

.icon-fb-radio:before {
  content: "\e003"; }

.icon-fb-number:before {
  content: "\e004"; }

.icon-fb-integer:before {
  content: "\e005"; }

.icon-fb-decimal:before {
  content: "\e007"; }

.icon-btc:before {
  content: "\f15a"; }

.icon-cny:before {
  content: "\f158"; }

.icon-eur:before {
  content: "\f153"; }

.icon-gear:before {
  content: "\f013"; }

.icon-gears:before {
  content: "\f085"; }

.icon-inr:before {
  content: "\f156"; }

.icon-jpy:before {
  content: "\f157"; }

.icon-krw:before {
  content: "\f159"; }

.icon-mail-forward:before {
  content: "\f064"; }

.icon-mail-reply:before {
  content: "\f112"; }

.icon-paperclip:before {
  content: "\f0c6"; }

.icon-power-off:before {
  content: "\f011"; }

.icon-rotate-left:before {
  content: "\f0e2"; }

.icon-rotate-right:before {
  content: "\f01e"; }

.icon-star-half-empty:before {
  content: "\f123"; }

.icon-unchecked:before {
  content: "\f096"; }

.icon-usd:before {
  content: "\f155"; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../font/glyphicons-halflings-regular.eot);
  src: url(../font/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../font/glyphicons-halflings-regular.woff2) format("woff2"), url(../font/glyphicons-halflings-regular.woff) format("woff"), url(../font/glyphicons-halflings-regular.ttf) format("truetype"), url(../font/glyphicons-halflings-regular.svgglyphicons_halflingsregular) format("svg"); }

.glyphicon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  top: 1px; }

.glyphicon-asterisk:before {
  content: "\002a"; }

.glyphicon-plus:before {
  content: "\002b"; }

.glyphicon-euro:before, .glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

/* 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 */
.breadcrumb-horizontal {
  font-size: 0.875rem;
  padding: 0; }

.list-group-item-flex > .autofit-col:first-of-type {
  padding-left: 10px;
  padding-right: 4px; }

@media (min-width: 992px) {
  .info-panel {
    bottom: 0;
    position: absolute;
    top: 0; }
    .info-panel > .sidenav-menu {
      bottom: 0;
      position: absolute;
      right: 0 !important;
      top: 0; } }

.navbar-top {
  padding-bottom: 0.907rem;
  padding-top: 0.907rem; }

.navbar-classic {
  background-color: #FFF; }
  .navbar-classic.navbar-light {
    border-bottom: 1px solid #e7e7ed; }
  .navbar-classic .navbar-blank {
    margin-top: 2rem; }
  .navbar-classic .navbar-form {
    padding: 0; }
    .navbar-classic .navbar-form .field-wrapper {
      right: 0;
      top: 0; }
      .navbar-classic .navbar-form .field-wrapper .lfr-icon-item {
        color: #6B6C7E; }
  @media (max-width: 767.98px) {
    .navbar-classic .portlet-search-bar {
      width: 100%; } }
  .navbar-classic .logo:hover {
    text-decoration: none; }
  @media (min-width: 1400px) {
    .navbar-classic .navbar-nav .nav-item:not(:last-of-type) .nav-link {
      margin-right: 16px; } }
  .navbar-classic .nav-link {
    color: #6B6C7E;
    font-size: 0.9375rem;
    font-weight: 600; }

.sidebar-default .sidebar-header h4 {
  padding-top: 8px; }

.sidebar-default .sidebar-header .text-default {
  color: #8d8d8d;
  font-size: 0.875rem;
  font-weight: 400; }

.sidebar-default .sidebar-header .icon-monospaced {
  color: #8d8d8d; }

@media (min-width: 768px) {
  .sidebar-default .sidebar-header {
    padding-top: 0; } }

@media (min-width: 768px) {
  .sidebar-default .navbar-default {
    background-color: transparent; }
    .sidebar-default .navbar-default .navbar-nav {
      border-bottom: 1px solid #CDCED9;
      width: 100%; } }

.sidebar-default .navbar-default .active > a {
  font-weight: 600;
  padding: 13px 16px; }
  .sidebar-default .navbar-default .active > a:after {
    content: '';
    height: 4px;
    left: 0;
    right: 0; }

.sidebar-default .navbar-collapse {
  border-bottom: 1px solid #CDCED9; }

@media (min-width: 768px) {
  .sidebar-default .navigation-bar-light, .sidebar-default .sidebar-block > .list-group-item, .sidebar-default .panel {
    background-color: transparent;
    border-color: transparent; } }

div.splitter {
  background-color: transparent;
  padding-left: 0; }

.table-list th:first-child, .table-list td:first-child {
  padding-left: 18px;
  padding-right: 6px; }

.widget-mode-detail {
  background-color: #FFF; }
  .widget-mode-detail .title {
    color: #303030;
    font-weight: 700; }
  .widget-mode-detail .sub-title {
    color: #A0A1B0;
    font-weight: 400; }
  .widget-mode-detail .widget-metadata {
    font-size: 0.875rem; }
    .widget-mode-detail .widget-metadata .inline-item-before {
      margin-right: 1rem; }
    .widget-mode-detail .widget-metadata .username {
      color: #303030;
      font-weight: 600;
      line-height: 2; }
  .widget-mode-detail .aspect-ratio {
    padding-bottom: 480px; }

.widget-mode-card .card {
  border-radius: 8px; }

.widget-mode-card .card-header {
  border-radius: 8px 8px 0 0; }

.widget-mode-card .card-body {
  padding: 24px; }

.widget-mode-card .widget-topbar .title-link {
  color: #303030; }

.widget-mode-card .widget-topbar .title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-right: 24px; }

.widget-mode-card .widget-metadata {
  font-size: 0.875rem;
  margin-bottom: 16px; }
  .widget-mode-card .widget-metadata .inline-item-before {
    margin-right: 1rem; }
  .widget-mode-card .widget-metadata .username {
    color: #303030;
    font-weight: 600; }

.widget-mode-card .widget-resume {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0; }

.widget-mode-card .card-footer {
  background-color: transparent;
  padding: 0 1rem 1rem; }

.widget-mode-card .widget-toolbar {
  border-top: 1px solid #e7e7ed;
  padding-top: 8px; }

.widget-mode-simple .widget-mode-simple-entry:not(:last-child) {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 24px;
  padding-bottom: 24px; }

.widget-mode-simple .widget-topbar .title-link {
  color: #303030; }

.widget-mode-simple .widget-topbar .title {
  font-size: 1.75rem;
  font-weight: 700; }

.widget-mode-simple .widget-metadata {
  font-size: 0.875rem; }
  .widget-mode-simple .widget-metadata .inline-item-before {
    margin-right: 1rem; }
  .widget-mode-simple .widget-metadata .username {
    color: #303030;
    font-weight: 600; }

.widget-toolbar .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem; }

.portlet-decorate .portlet-content {
  background: #FFF;
  border: 1px solid #DEEEEE; }

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

.key-title-portlet .portlet-title-text {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 35px;
  line-height: 38px;
  color: #000;
  text-align: left;
  text-transform: none;
  margin-top: 3rem;
  margin-bottom: 2.25rem; }

body {
  background-color: #fff; }

#wrapper {
  padding: 0; }

#banner {
  padding: 20px 0;
  position: relative; }
  #banner .portlet-topper {
    z-index: 1; }
  @media (min-width: 768px) {
    #banner .navbar-collapse {
      padding-right: 4px; } }
  #banner .navbar-toggle {
    margin: 12px 0 12px 6px; }
  #banner .site-name {
    color: #47647A;
    font-size: 150%;
    margin-left: 8px;
    vertical-align: middle; }
    @media (min-width: 768px) {
      #banner .site-name {
        letter-spacing: 2px;
        margin-left: 20px; } }
  #banner #navigationCollapse {
    font-size: 125%;
    margin-left: -15px;
    margin-right: -15px; }
    #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: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; }
    #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; }
    #banner #navigationCollapse .nav > li > a {
      border-bottom: 1px solid #E1E1E1; }
    #banner #navigationCollapse .nav > li:last-child > a {
      border-bottom-width: 0; }
  @media (min-width: 768px) {
    #banner .navbar-form {
      margin-left: 30px; } }
  #banner .navbar-form .input-text-wrapper {
    display: block; }
  #banner .navbar-form .form-control {
    background-color: transparent;
    border-bottom-width: 1px;
    border-color: #D6DCE2;
    margin-top: 2px;
    border-width: 0; }
  #banner .navbar-form .search-select {
    margin-right: 40px;
    padding-right: 20px; }
  #banner .navbar-form .search-input {
    font-size: 16px;
    padding-right: 32px; }
    @media (min-width: 768px) {
      #banner .navbar-form .search-input {
        height: auto;
        max-width: 200px; } }
  #banner .navbar-form .field-wrapper {
    position: absolute;
    right: 0;
    top: 0; }
    #banner .navbar-form .field-wrapper a {
      color: #869CAD; }
  @media (min-width: 768px) {
    #banner .user-personal-bar {
      position: absolute;
      right: 20px;
      top: 0; } }
  #banner .user-personal-bar .panel-notifications-count {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (min-width: 768px) {
      #banner .user-personal-bar .panel-notifications-count {
        right: -15px; } }
  #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: 28px;
    padding: 15px 4px; }
  #banner .user-personal-bar .user-avatar-image {
    display: inline-block;
    vertical-align: text-bottom;
    width: 32px; }
  #banner .user-personal-bar .user-avatar-link {
    line-height: 0;
    padding: 18px 4px; }
    @media (min-width: 768px) {
      #banner .user-personal-bar .user-avatar-link {
        padding: 8px 0 8px 14px; } }
  #banner .user-personal-bar .panel-notifications-count {
    left: 2px;
    position: relative;
    top: 6px; }
  #banner .user-personal-bar .icon-user, #banner .user-personal-bar .user-full-name {
    display: none; }
  #banner .navbar-nav {
    margin: 0 0; }
  #banner .lfr-nav-item .lfr-nav-child-toggle {
    line-height: 28px;
    margin-top: -14px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    right: 4px;
    top: 50%; }
    @media (min-width: 768px) {
      #banner .lfr-nav-item .lfr-nav-child-toggle {
        padding: 0 0 0 8px;
        position: relative; }
        #banner .lfr-nav-item .lfr-nav-child-toggle .lexicon-icon {
          width: 8px; } }
  @media (min-width: 768px) {
    #banner {
      padding: 40px 0 30px; } }

.modify-pages .delete-tab {
  height: 20px;
  top: 22px; }

.display-style-buttons > .dropdown > .dropdown-menu:after, .display-style-buttons > .dropdown > .dropdown-menu:before {
  border-width: 0; }

.overlay-focused:focus {
  outline: 0; }

/* 
2. Custom variables, fonts, mixins and other includes 
Don't include files that override liferay files like portlet/_variables_custom.scss
*/
hr.portlet-divider {
  width: 100%;
  margin-left: calc((100% - 100vw) / 2);
  margin-right: calc((100% - 100vw) / 2);
  padding-left: calc((100vw - 100%) / 2);
  padding-right: calc((100vw - 100%) / 2);
  box-sizing: content-box; }

/* Serif Font Family */
/* Sans Serif Font Family */
/* Center Vertically */
@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: normal;
  font-style: normal;
  font-display: swap; }

@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: normal;
  font-style: normal;
  font-display: swap; }

@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: normal;
  font-display: swap; }

@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-display: swap; }

@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-display: swap; }

@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: normal;
  font-style: normal;
  font-display: swap; }

@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: normal;
  font-display: swap; }

@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;
  font-display: swap; }

hr.portlet-divider {
  width: 100%;
  margin-left: calc((100% - 100vw) / 2);
  margin-right: calc((100% - 100vw) / 2);
  padding-left: calc((100vw - 100%) / 2);
  padding-right: calc((100vw - 100%) / 2);
  box-sizing: content-box; }

/* Serif Font Family */
/* Sans Serif Font Family */
/* Center Vertically */
.key-addtolightbox-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14%200c1.1%200%202%20.9%202%201.999V14C16%2015.1%2015.1%2016%2014%2016H1.999C.9%2016%200%2015.1%200%2014.001V2C0%20.9.9%200%202%200h12zm-1%209.002V7H9V3.002H7V7H3v2.003h4v4.001h2V9.002h4z%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-addtolightbox-white-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14%200c1.1%200%202%20.9%202%201.999V14C16%2015.1%2015.1%2016%2014%2016H1.999C.9%2016%200%2015.1%200%2014.001V2C0%20.9.9%200%202%200h12zm-1%209.002V7H9V3.002H7V7H3v2.003h4v4.001h2V9.002h4z%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-advanced-search-grey-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22advanced-search-grey%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2219%22%20viewBox%3D%220%200%2020%2019%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23444%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.531%2013.51c-2.343%200-4.251-1.871-4.251-4.171%200-2.298%201.908-4.168%204.251-4.168%202.343%200%204.249%201.87%204.249%204.168%200%202.3-1.906%204.17-4.249%204.17m6.919-6.54l-.324-.77c1.112-2.512%201.038-2.587.822-2.806l-1.42-1.386-.142-.12h-.164c-.087%200-.346%200-2.506.979l-.793-.32C10.895%200%2010.791%200%2010.489%200H8.486c-.301%200-.417%200-1.369%202.555l-.792.32c-1.459-.614-2.315-.927-2.545-.927l-.19.007L2.062%203.45c-.232.219-.313.297.863%202.769l-.325.769C0%207.993%200%208.09%200%208.399v1.965c0%20.307%200%20.417%202.611%201.352l.322.765c-1.111%202.51-1.037%202.588-.82%202.802l1.419%201.39.142.123h.165c.085%200%20.341%200%202.504-.982l.792.322C8.163%2018.68%208.269%2018.68%208.57%2018.68h2.003c.309%200%20.416%200%201.372-2.553l.795-.323c1.457.617%202.311.93%202.54.93l.192-.005%201.539-1.51c.219-.22.296-.295-.873-2.76l.321-.766c2.605-1.007%202.605-1.114%202.605-1.413V8.318c0-.31%200-.417-2.614-1.35%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 20px;
  height: 19px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-advanced-search-grey-icon-container {
  width: 20px;
  height: 19px;
  display: inline-flex;
  align-self: center; }

.key-advanced-search-black-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22advanced-search-black%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2219%22%20viewBox%3D%220%200%2020%2019%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.531%2013.51c-2.343%200-4.251-1.871-4.251-4.171%200-2.298%201.908-4.168%204.251-4.168%202.343%200%204.249%201.87%204.249%204.168%200%202.3-1.906%204.17-4.249%204.17m6.919-6.54l-.324-.77c1.112-2.512%201.038-2.587.822-2.806l-1.42-1.386-.142-.12h-.164c-.087%200-.346%200-2.506.979l-.793-.32C10.895%200%2010.791%200%2010.489%200H8.486c-.301%200-.417%200-1.369%202.555l-.792.32c-1.459-.614-2.315-.927-2.545-.927l-.19.007L2.062%203.45c-.232.219-.313.297.863%202.769l-.325.769C0%207.993%200%208.09%200%208.399v1.965c0%20.307%200%20.417%202.611%201.352l.322.765c-1.111%202.51-1.037%202.588-.82%202.802l1.419%201.39.142.123h.165c.085%200%20.341%200%202.504-.982l.792.322C8.163%2018.68%208.269%2018.68%208.57%2018.68h2.003c.309%200%20.416%200%201.372-2.553l.795-.323c1.457.617%202.311.93%202.54.93l.192-.005%201.539-1.51c.219-.22.296-.295-.873-2.76l.321-.766c2.605-1.007%202.605-1.114%202.605-1.413V8.318c0-.31%200-.417-2.614-1.35%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 20px;
  height: 19px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-advanced-search-black-icon-container {
  width: 20px;
  height: 19px;
  display: inline-flex;
  align-self: center; }

.key-arrow-big-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EF13D4D3B-3882-45A3-8582-C8CB4DB96C15%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Farrow_big%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C6.94130769%20C0%2C10.77475%203.10786538%2C13.8830192%206.94130769%2C13.8830192%20C10.77475%2C13.8830192%2013.8830192%2C10.7750192%2013.8830192%2C6.94130769%20C13.8830192%2C3.108%2010.77475%2C0%206.94130769%2C0%20C3.10786538%2C0%200%2C3.10813462%200%2C6.94130769%20Z%22%20id%3D%22Fill-1%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Path%22%20fill%3D%22%23FFFFFF%22%20points%3D%226.98559615%2011.5416538%205.67659615%2010.2326538%208.14059615%207.76878846%202.37165385%207.76878846%202.37165385%206.08676923%208.14059615%206.08676923%205.67659615%203.62290385%206.98559615%202.31390385%2011.5994038%206.92784615%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-arrow-small-white-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2212px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2012%2013%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EDD3F12B3-5795-49A9-ACFA-14961869B89F%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Farrow_smal_white%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0.000000%2C%200.500000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C5.94969231%20C0%2C9.2355%202.66388462%2C11.8997308%205.94969231%2C11.8997308%20C9.2355%2C11.8997308%2011.8997308%2C9.23573077%2011.8997308%2C5.94969231%20C11.8997308%2C2.664%209.2355%2C0%205.94969231%2C0%20C2.66388462%2C0%200%2C2.66411538%200%2C5.94969231%20Z%22%20id%3D%22Fill-1%22%20fill%3D%22%23FFFFFF%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Path%22%20fill%3D%22%23000000%22%20points%3D%225.98765385%209.89284615%204.86565385%208.77084615%206.97765385%206.65896154%202.03284615%206.65896154%202.03284615%205.21723077%206.97765385%205.21723077%204.86565385%203.10534615%205.98765385%201.98334615%209.94234615%205.93815385%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 12px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-arrow-small-white-icon-container {
  width: 12px;
  height: 13px;
  display: inline-flex;
  align-self: center; }

.key-arrow-small-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2212px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2012%2012%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E537DD00B-5B1B-4D29-9F94-725636CC5F48%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Farrow_small%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C5.94969231%20C0%2C9.2355%202.66388462%2C11.8997308%205.94969231%2C11.8997308%20C9.2355%2C11.8997308%2011.8997308%2C9.23573077%2011.8997308%2C5.94969231%20C11.8997308%2C2.664%209.2355%2C0%205.94969231%2C0%20C2.66388462%2C0%200%2C2.66411538%200%2C5.94969231%20Z%22%20id%3D%22Fill-1%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Path%22%20fill%3D%22%23FFFFFF%22%20points%3D%225.98765385%209.89284615%204.86565385%208.77084615%206.97765385%206.65896154%202.03284615%206.65896154%202.03284615%205.21723077%206.97765385%205.21723077%204.86565385%203.10534615%205.98765385%201.98334615%209.94234615%205.93815385%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-autoupdate-off-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2214%22%20viewBox%3D%220%200%2015%2014%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23888%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.535%2010.61a4.982%204.982%200%200%200%203.773%201.249l-.294%201.918a6.845%206.845%200%200%201-6.17-3.56c-1.418-2.587-1.05-5.9%201.11-8.11L.644.8l4.89-.8-.933%204.755-1.306-1.306a4.981%204.981%200%200%200-1.029%205.349c.273.669.69%201.293%201.268%201.814zm8.685%201.154l1.308%201.31-4.756.93.8-4.886%201.305%201.306a4.984%204.984%200%200%200%201.03-5.349%204.937%204.937%200%200%200-1.27-1.814%204.985%204.985%200%200%200-3.771-1.248L7.158.095a6.845%206.845%200%200%201%206.17%203.56c1.419%202.588%201.05%205.9-1.108%208.11z%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 15px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-autoupdate-off-icon-container {
  width: 15px;
  height: 14px;
  display: inline-flex;
  align-self: center; }

.key-autoupdate-on-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2214%22%20viewBox%3D%220%200%2015%2014%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3.535%2010.61a4.982%204.982%200%200%200%203.773%201.249l-.294%201.918a6.845%206.845%200%200%201-6.17-3.56c-1.418-2.587-1.05-5.9%201.11-8.11L.644.8l4.89-.8-.933%204.755-1.306-1.306a4.981%204.981%200%200%200-1.029%205.349c.273.669.69%201.293%201.268%201.814zm8.685%201.154l1.308%201.31-4.756.93.8-4.886%201.305%201.306a4.984%204.984%200%200%200%201.03-5.349%204.937%204.937%200%200%200-1.27-1.814%204.985%204.985%200%200%200-3.771-1.248L7.158.095a6.845%206.845%200%200%201%206.17%203.56c1.419%202.588%201.05%205.9-1.108%208.11z%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 15px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-autoupdate-on-icon-container {
  width: 15px;
  height: 14px;
  display: inline-flex;
  align-self: center; }

.key-calendar-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2213px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2013%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E08E8D221-A6BA-4D82-B435-ED8555FB0E9C%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fcalendar%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12.84528%2C2.68688%20L12.8604%2C13.60408%20L11.94144%2C13.60856%20L0.91896%2C13.60856%20L0%2C13.60632%20L0%2C2.66504%20L1.83736%2C2.68688%20L1.83736%2C3.14608%20C1.83736%2C3.90768%202.45448%2C4.52424%203.21552%2C4.52424%20C3.97712%2C4.52424%204.59368%2C3.90768%204.59368%2C3.14608%20L4.59368%2C2.68688%20L8.26896%2C2.68688%20L8.26896%2C3.14608%20C8.26896%2C3.90768%208.88552%2C4.52424%209.64712%2C4.52424%20C10.40592%2C4.52424%2011.02304%2C3.90768%2011.02304%2C3.14608%20L11.02304%2C2.68688%20L12.84528%2C2.68688%20Z%20M1.4504%2C12.2836%20L11.41%2C12.2836%20L11.41%2C5.75064%20L1.4504%2C5.75064%20L1.4504%2C12.2836%20Z%20M9.6292%2C3.874416%20C9.1308%2C3.874416%208.72592%2C3.471776%208.72592%2C2.971136%20L8.72592%2C1.465296%20C8.72592%2C0.962416%209.1308%2C0.559776%209.6292%2C0.559776%20C10.1304%2C0.559776%2010.53472%2C0.962416%2010.53472%2C1.465296%20L10.53472%2C2.971136%20C10.53472%2C3.471776%2010.1304%2C3.874416%209.6292%2C3.874416%20Z%20M3.2004%2C3.874416%20C2.70144%2C3.874416%202.29712%2C3.471776%202.29712%2C2.971136%20L2.29712%2C1.465296%20C2.29712%2C0.962416%202.70144%2C0.559776%203.2004%2C0.559776%20C3.70104%2C0.559776%204.10592%2C0.962416%204.10592%2C1.465296%20L4.10592%2C2.971136%20C4.10592%2C3.471776%203.70104%2C3.874416%203.2004%2C3.874416%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 13px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-camera-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2016%2013%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3ED5AAC870-CFDA-4773-B4DF-387088EF194F%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fcamera%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M13.8004824%2C5.19878125%20C13.4927591%2C5.19878125%2013.2418739%2C4.9440625%2013.2418739%2C4.62982813%20C13.2418739%2C4.31640625%2013.4927591%2C4.0616875%2013.8004824%2C4.0616875%20C14.1090034%2C4.0616875%2014.3590909%2C4.31640625%2014.3590909%2C4.62982813%20C14.3590909%2C4.9440625%2014.1090034%2C5.19878125%2013.8004824%2C5.19878125%20M7.97727273%2C11.375%20C5.77414943%2C11.375%203.98863636%2C9.55642187%203.98863636%2C7.3125%20C3.98863636%2C5.06939063%205.77414943%2C3.25%207.97727273%2C3.25%20C10.1795983%2C3.25%2011.9659091%2C5.06939063%2011.9659091%2C7.3125%20C11.9659091%2C9.55642187%2010.1795983%2C11.375%207.97727273%2C11.375%20M14.3590909%2C2.4375%20L12.4441466%2C2.4375%20C12.1808966%2C2.4375%2011.8973045%2C2.22970313%2011.8147398%2C1.97498437%20L11.3193511%2C0.462515625%20C11.2359886%2C0.207796875%2010.9531943%2C0%2010.6899443%2C0%20L5.26460114%2C0%20C5.00135114%2C0%204.71775909%2C0.207796875%204.63519432%2C0.462515625%20L4.13980568%2C1.97498437%20C4.05644318%2C2.22970313%203.77364886%2C2.4375%203.51039886%2C2.4375%20L1.59545455%2C2.4375%20C0.718353409%2C2.4375%200%2C3.16915625%200%2C4.0625%20L0%2C11.375%20C0%2C12.2683438%200.718353409%2C13%201.59545455%2C13%20L14.3590909%2C13%20C15.236192%2C13%2015.9545455%2C12.2683438%2015.9545455%2C11.375%20L15.9545455%2C4.0625%20C15.9545455%2C3.16915625%2015.236192%2C2.4375%2014.3590909%2C2.4375%20M7.97727273%2C4.875%20C6.6552392%2C4.875%205.58409091%2C5.96679688%205.58409091%2C7.3125%20C5.58409091%2C8.65901563%206.6552392%2C9.75%207.97727273%2C9.75%20C9.29850852%2C9.75%2010.3704545%2C8.65901563%2010.3704545%2C7.3125%20C10.3704545%2C5.96679688%209.29850852%2C4.875%207.97727273%2C4.875%22%20id%3D%22Page-1%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 16px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-cancel-icon, span.deleteicon span, .modal button.close {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2212px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2012%2012%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E191C3730-1F0E-49B6-AC35-8D9074542E38%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fcancel%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.04131375%2C5.88383321%20L11.7677515%2C1.15748054%20L10.610271%2C0%20L5.88387575%2C4.72639521%20L1.15748054%2C0%20L0%2C1.15748054%20L4.72643774%2C5.88383321%20L6.453143e-05%2C10.6102064%20L1.15754507%2C11.767496%20L5.88387575%2C7.04125038%20L10.6102064%2C11.767496%20L11.767687%2C10.6102064%20L7.04131375%2C5.88383321%20Z%22%20id%3D%22Combined-Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-check-icon, .content .key-form input[type=checkbox]:checked:before,
.content .portlet-forms input[type=checkbox]:checked:before,
.modal .key-form input[type=checkbox]:checked:before,
.modal .portlet-forms input[type=checkbox]:checked:before,
.key-modal .key-form input[type=checkbox]:checked:before,
.key-modal .portlet-forms input[type=checkbox]:checked:before, .wrapper .key-form-control--checkbox-input:checked:before {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2213%22%20viewBox%3D%220%200%2014%2013%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14%200L5.725%207.796%200%204.103l6.17%208.744z%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 14px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-check-icon-container {
  width: 14px;
  height: 13px;
  display: inline-flex;
  align-self: center; }

.key-check-mouseover-icon, .content .key-form input:hover[type=checkbox]:checked:before,
.content .portlet-forms input:hover[type=checkbox]:checked:before,
.modal .key-form input:hover[type=checkbox]:checked:before,
.modal .portlet-forms input:hover[type=checkbox]:checked:before,
.key-modal .key-form input:hover[type=checkbox]:checked:before,
.key-modal .portlet-forms input:hover[type=checkbox]:checked:before, .wrapper .key-form-control--checkbox-input:hover:checked:before {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2213%22%20viewBox%3D%220%200%2014%2013%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23888%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14%200L5.725%207.796%200%204.103l6.17%208.744z%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 14px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-check-mouseover-icon-container {
  width: 14px;
  height: 13px;
  display: inline-flex;
  align-self: center; }

.key-clock-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2015%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fclock%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.47365385%2C13.3571154%20C4.23%2C13.3571154%201.59038462%2C10.7180769%201.59038462%2C7.47365385%20C1.59038462%2C4.22923077%204.23%2C1.59038462%207.47365385%2C1.59038462%20C10.7180769%2C1.59038462%2013.3578846%2C4.22923077%2013.3578846%2C7.47365385%20C13.3578846%2C10.7180769%2010.7180769%2C13.3571154%207.47365385%2C13.3571154%20M7.47365385%2C0%20C3.35269231%2C0%200%2C3.35269231%200%2C7.47365385%20C0%2C11.5948077%203.35269231%2C14.9475%207.47365385%2C14.9475%20C11.5948077%2C14.9475%2014.9475%2C11.5948077%2014.9475%2C7.47365385%20C14.9475%2C3.35269231%2011.5948077%2C0%207.47365385%2C0%22%20id%3D%22Fill-1%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M11.3686538%2C7.24307692%20L8.01%2C7.24307692%20L8.01%2C3.20461538%20C8.01%2C2.865%207.73519231%2C2.58942308%207.39480769%2C2.58942308%20C7.05538462%2C2.58942308%206.77961538%2C2.865%206.77961538%2C3.20461538%20L6.77961538%2C7.85826923%20C6.77961538%2C8.19865385%207.05538462%2C8.47365385%207.39480769%2C8.47365385%20L11.3686538%2C8.47365385%20C11.7090385%2C8.47365385%2011.9846154%2C8.19865385%2011.9846154%2C7.85826923%20C11.9846154%2C7.51884615%2011.7090385%2C7.24307692%2011.3686538%2C7.24307692%22%20id%3D%22Fill-3%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-closelayer-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2015%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EA4664205-7B34-45A6-8BEC-909FAB1F3D92%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fcloselayer%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.80164218%2C7.35475118%20L14.7096894%2C1.44681034%20L13.2628387%2C-4.03321435e-05%20L7.35484468%2C5.90795368%20L1.44685067%2C-4.03321435e-05%20L0%2C1.44681034%20L5.90804718%2C7.35475118%20L8.06642872e-05%2C13.2627177%20L1.44693133%2C14.7093297%20L7.35484468%2C8.80152264%20L13.262758%2C14.7093297%20L14.7096087%2C13.2627177%20L8.80164218%2C7.35475118%20Z%22%20id%3D%22Cross%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-close-small-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0A%20%20%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%20%20%20width%3D%2210%22%0A%20%20%20height%3D%2210%22%0A%20%20%20viewBox%3D%220%200%2010%2010%22%0A%20%20%20id%3D%22svg3336%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20inkscape%3Aversion%3D%220.91%20r13725%22%0A%20%20%20sodipodi%3Adocname%3D%22close-small.svg%22%3E%0A%20%20%3Cg%0A%20%20%20%20%20id%3D%22g3338%22%0A%20%20%20%20%20transform%3D%22scale(1.0891318%2C1.0865482)%22%0A%20%20%20%20%20style%3D%22fill%3A%23000000%3Bfill-rule%3Aevenodd%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22M%208.29%2C0%200%2C8.29%200.904%2C9.193%209.194%2C0.904%20Z%22%0A%20%20%20%20%20%20%20id%3D%22path3340%22%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%20%2F%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22M%200.90292769%2C0%200%2C0.90507474%208.2801665%2C9.2049305%209.1820955%2C8.2988545%20Z%22%0A%20%20%20%20%20%20%20id%3D%22path3342%22%0A%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%20%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-close-white-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.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%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-close-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.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%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 15px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-dienstleistungen-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2227px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2027%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E8116A3BC-0135-48B8-B4B3-0E5EBFB3DB4C%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fdienstleistungen%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.99177622%2C12.3422609%20C9.0073007%2C12.0573913%209.028%2C11.7714783%209.06422378%2C11.4824348%20C9.13253147%2C10.797913%209.27846154%2C10.1092174%209.4274965%2C9.44034783%20C9.52064336%2C9.10643478%209.62206993%2C8.77565217%209.7266014%2C8.45426087%20C9.86011189%2C8.14017391%209.98948252%2C7.82608696%2010.1188531%2C7.52034783%20C10.4138182%2C6.92556522%2010.7419021%2C6.36730435%2011.1382937%2C5.89878261%20C11.2314406%2C5.77982609%2011.3235524%2C5.66191304%2011.4125594%2C5.544%20C11.5181259%2C5.44173913%2011.6195524%2C5.33947826%2011.7199441%2C5.23826087%20C11.930042%2C5.04626087%2012.1121958%2C4.8386087%2012.3222937%2C4.68730435%20C12.7424895%2C4.37426087%2013.1150769%2C4.07582609%2013.4907692%2C3.89321739%20C13.8550769%2C3.68869565%2014.1666014%2C3.50921739%2014.4491469%2C3.408%20C14.9987133%2C3.18782609%2015.3143776%2C3.07408696%2015.3143776%2C3.07408696%20C15.3143776%2C3.07408696%2015.0473566%2C3.28591304%2014.5785175%2C3.63234783%20C14.3394406%2C3.79095652%2014.0848392%2C4.04347826%2013.7774545%2C4.30017391%20C13.4628252%2C4.5453913%2013.1751049%2C4.896%2012.8356364%2C5.22991304%20C12.6617622%2C5.40104348%2012.5323916%2C5.61704348%2012.3709371%2C5.81634783%20C12.2902098%2C5.91443478%2012.2094825%2C6.01669565%2012.1287552%2C6.12208696%20C12.0594126%2C6.23686957%2011.9911049%2C6.3506087%2011.9227972%2C6.46852174%20C11.6195524%2C6.91721739%2011.3928951%2C7.44730435%2011.157958%2C7.98156522%20C11.0648112%2C8.26226087%2010.9685594%2C8.54817391%2010.8671329%2C8.83304348%20C10.7988252%2C9.1346087%2010.7253427%2C9.43617391%2010.6404755%2C9.73356522%20C10.5193846%2C10.3533913%2010.3982937%2C10.9857391%2010.3455105%2C11.6337391%20C10.3092867%2C11.8695652%2010.2927273%2C12.1064348%2010.2689231%2C12.3422609%20C15.3785455%2C12.3464348%2019.3372867%2C12.3464348%2024.8712448%2C12.3464348%20C24.8878042%2C12.1022609%2024.9002238%2C11.8570435%2024.9002238%2C11.6086957%20C24.9002238%2C6.90886957%2021.5034685%2C3.03652174%2017.1338462%2C2.52313043%20C17.4122517%2C2.25808696%2017.5944056%2C1.87930435%2017.5944056%2C1.45982609%20C17.5944056%2C0.652173913%2016.9475524%2C0%2016.1475245%2C0%20C15.3464615%2C0%2014.6996084%2C0.652173913%2014.6996084%2C1.45982609%20C14.6996084%2C1.87930435%2014.8776224%2C2.25808696%2015.1601678%2C2.52313043%20C10.7905455%2C3.03652174%207.39068531%2C6.90886957%207.39068531%2C11.6086957%20C7.39068531%2C11.853913%207.40206993%2C12.098087%207.41862937%2C12.3422609%20L8.99177622%2C12.3422609%20L8.99177622%2C12.3422609%20Z%22%20id%3D%22Fill-1%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-3%22%20points%3D%225.79787413%2014.7276522%2026.4971748%2014.7276522%2026.4971748%2012.8848696%205.79787413%2012.8848696%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17.9990769%2C16.0351304%20C16.9475524%2C16.5495652%2013.2806713%2C17.882087%2013.2806713%2C17.882087%20L8.94313287%2C17.6086957%20C8.94313287%2C17.6086957%2011.424979%2C16.9158261%2012.3833566%2C16.6956522%20C13.348979%2C16.4796522%2012.9287832%2C15.3829565%2012.3957762%2C15.3829565%20C11.8658741%2C15.3829565%207.22405594%2C15.5791304%207.22405594%2C15.5791304%20L4.144%2C16.6956522%20L4.96058741%2C21.9005217%20C4.96058741%2C21.9005217%205.59088112%2C20.8048696%206.22634965%2C20.8048696%20C6.86078322%2C20.8048696%2012.3626573%2C20.9509565%2013.1067972%2C20.8048696%20C13.8550769%2C20.6577391%2018.4068531%2C17.5189565%2018.9491748%2C17.1526957%20C19.4946014%2C16.7853913%2019.0537063%2C15.5175652%2017.9990769%2C16.0351304%22%20id%3D%22Fill-5%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-6%22%20points%3D%220%2017.253913%200%2024%204.72151049%2023.112%203.54165035%2016.6267826%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 27px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-dienstleistungen-icon-container {
  width: 27px;
  height: 24px;
  display: inline-flex;
  align-self: center; }

.key-dossier-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2224%22%20viewBox%3D%220%200%2016%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ctitle%3EAAAE0E20-0379-44C0-8DE8-4F1A08DD89F5%3C%2Ftitle%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%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%22%0A%20%20%20%20%20%20%20%20%20%20fill%3D%22%23F1F1F1%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 16px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-dossier-icon-container {
  width: 16px;
  height: 24px;
  display: inline-flex;
  align-self: center; }

.key-download-black-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.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%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 19px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-download-black-icon-container {
  width: 19px;
  height: 18px;
  display: inline-flex;
  align-self: center; }

.key-download-white-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218%22%20viewBox%3D%220%200%2019%2018%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12.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%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 19px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-download-white-icon-container {
  width: 19px;
  height: 18px;
  display: inline-flex;
  align-self: center; }

.key-facebook-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2212px%22%20height%3D%2221px%22%20viewBox%3D%220%200%2012%2021%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E0057F9D0-5792-4235-B54B-84B5B6AF36E8%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Ffacebook%22%20fill%3D%22%23F1F1F1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10.6924213%2C0.00409633541%20L8.20822211%2C0%20C5.41763918%2C0%203.61371151%2C2.02877838%203.61371151%2C5.16820984%20L3.61371151%2C7.55145778%20L1.11581223%2C7.55145778%20C0.900845426%2C7.55145778%200.72573342%2C7.74234701%200.72573342%2C7.97911519%20L0.72573342%2C11.4323259%20C0.72573342%2C11.6680018%200.900845426%2C11.8599834%201.11581223%2C11.8599834%20L3.61371151%2C11.8599834%20L3.61371151%2C20.5723426%20C3.61371151%2C20.8080184%203.78882352%2C21%204.00478669%2C21%20L7.26241801%2C21%20C7.47838118%2C21%207.65349318%2C20.8080184%207.65349318%2C20.5723426%20L7.65349318%2C11.8599834%20L10.5736042%2C11.8599834%20C10.7895674%2C11.8599834%2010.9639321%2C11.6680018%2010.9639321%2C11.4323259%20L10.9656757%2C7.97911519%20C10.9656757%2C7.86605633%2010.9238282%2C7.7573669%2010.8508441%2C7.67625946%20C10.77786%2C7.59624438%2010.6787212%2C7.55145778%2010.5746006%2C7.55145778%20L7.65349318%2C7.55145778%20L7.65349318%2C5.53114515%20C7.65349318%2C4.56031366%207.8647236%2C4.06738797%209.01777264%2C4.06738797%20L10.6914249%2C4.06629561%20C10.9073881%2C4.06629561%2011.0815037%2C3.87431403%2011.0815037%2C3.6386382%20L11.0815037%2C0.433119197%20C11.0815037%2C0.196077921%2010.9073881%2C0.00518869151%2010.6924213%2C0.00409633541%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 12px;
  height: 21px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-facebook-icon-container {
  width: 12px;
  height: 21px;
  display: inline-flex;
  align-self: center; }

.key-grid-mosaic-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23BBB%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%206.413h4.57V.11H0zM6.842%206.413h10.15V.11H6.842zM0%2014.91h10.15V8.608H0zM12.36%2014.91h4.57V8.608h-4.57z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 17px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-grid-mosaic-icon-container {
  width: 17px;
  height: 15px;
  display: inline-flex;
  align-self: center; }

.key-grid-mosaic-active-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ctitle%3E5B2E7388-BE63-4D48-8F44-C5409C91D3F1%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%206.413h4.57V.11H0zM6.842%206.413h10.15V.11H6.842zM0%2014.91h10.15V8.608H0zM12.36%2014.91h4.57V8.608h-4.57z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 17px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-grid-mosaic-active-icon-container {
  width: 17px;
  height: 15px;
  display: inline-flex;
  align-self: center; }

.key-grid-normal-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ctitle%3EC0372316-87BD-4CA0-AC86-0F6966E924AF%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23BBB%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%203.761h4.375V.001H0zM0%209.392h4.375V5.631H0zM.03%2014.99h4.375v-3.761H.03zM6.227%203.761h4.376V.001H6.227zM6.227%209.392h4.376v-3.76H6.227zM6.258%2014.99h4.375v-3.761H6.258zM12.35%203.761h4.374V.001H12.35zM12.35%209.392h4.374V5.631H12.35zM12.38%2014.99h4.374v-3.761H12.38z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 17px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-grid-normal-icon-container {
  width: 17px;
  height: 15px;
  display: inline-flex;
  align-self: center; }

.key-grid-normal-active-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2217%22%20height%3D%2215%22%20viewBox%3D%220%200%2017%2015%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ctitle%3EC0372316-87BD-4CA0-AC86-0F6966E924AF%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%203.761h4.375V.001H0zM0%209.392h4.375V5.631H0zM.03%2014.99h4.375v-3.761H.03zM6.227%203.761h4.376V.001H6.227zM6.227%209.392h4.376v-3.76H6.227zM6.258%2014.99h4.375v-3.761H6.258zM12.35%203.761h4.374V.001H12.35zM12.35%209.392h4.374V5.631H12.35zM12.38%2014.99h4.374v-3.761H12.38z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 17px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-grid-normal-active-icon-container {
  width: 17px;
  height: 15px;
  display: inline-flex;
  align-self: center; }

.key-heart-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22heart%22%20width%3D%2218px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2018%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E56B8AA46-5B60-4626-ACE7-813C76E03581%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fheart%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0.299999%2C%200.000000)%22%20id%3D%22Page-1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.18802096%2C15%20L7.04067452%2C13.8616754%20C2.78290362%2C10.1114206%200%2C7.58305591%200%2C4.48196209%20C0%2C1.95869285%201.96717204%2C1.77635684e-15%204.50136452%2C1.77635684e-15%20C5.8974221%2C1.77635684e-15%207.28836216%2C0.653237312%208.18802096%2C1.71207283%20C9.08767976%2C0.653237312%2010.4786198%2C1.77635684e-15%2011.8746774%2C1.77635684e-15%20C14.4088699%2C1.77635684e-15%2016.3760419%2C1.95869285%2016.3760419%2C4.48196209%20C16.3760419%2C7.58305591%2013.5931383%2C10.1114206%209.3353674%2C13.8616754%20L8.18802096%2C15%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 18px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-heart-icon-container {
  width: 18px;
  height: 15px;
  display: inline-flex;
  align-self: center; }

.key-home-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2215px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2015%2013%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EA4D5693C-9C27-443C-8AA9-EC6D331D3585%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fhome%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.96436842%2C12.4758947%20C1.96436842%2C12.4758947%201.95136842%2C12.7995263%202.26610526%2C12.7995263%20C2.65952632%2C12.7995263%205.90678947%2C12.7940526%205.90678947%2C12.7940526%20L5.91226316%2C9.81089474%20C5.91226316%2C9.81089474%205.86094737%2C9.31963158%206.33989474%2C9.31963158%20L7.84994737%2C9.31963158%20C8.41373684%2C9.31963158%208.37884211%2C9.81089474%208.37884211%2C9.81089474%20L8.37336842%2C12.7858421%20L11.9360526%2C12.7858421%20C12.337%2C12.7858421%2012.3212632%2C12.3821579%2012.3212632%2C12.3821579%20L12.3212632%2C6.88178947%20L7.29642105%2C2.41321053%20L1.96436842%2C6.88178947%20L1.96436842%2C12.4758947%20Z%22%20id%3D%22Fill-1%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C6.46510526%20C0%2C6.46510526%200.451578947%2C7.29915789%201.44026316%2C6.46510526%20L7.34157895%2C1.47242105%20L12.8741053%2C6.43568421%20C14.0153684%2C7.25878947%2014.4457368%2C6.43568421%2014.4457368%2C6.43568421%20L7.34157895%2C0%20L0%2C6.46510526%20Z%22%20id%3D%22Fill-3%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-5%22%20points%3D%2212.7379474%201.46147368%2011.3161579%201.46147368%2011.3216316%203.18842105%2012.7379474%204.39126316%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 15px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-home-icon-container {
  width: 15px;
  height: 13px;
  display: inline-flex;
  align-self: center; }

.key-info-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23D0D0D0%22%20fill-rule%3D%22evenodd%22%20d%3D%22M6%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%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 12px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-info-black-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7%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%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-layoutbild-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%0A%20%20%20%20%20%20%20%20xmlns%3Adc%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Felements%2F1.1%2F%22%0A%20%20%20%20%20%20%20%20xmlns%3Acc%3D%22http%3A%2F%2Fcreativecommons.org%2Fns%23%22%0A%20%20%20%20%20%20%20%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%0A%20%20%20%20%20%20%20%20xmlns%3Asvg%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20%20%20%20%20%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0A%20%20%20%20%20%20%20%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20%20%20%20%20xmlns%3Asodipodi%3D%22http%3A%2F%2Fsodipodi.sourceforge.net%2FDTD%2Fsodipodi-0.dtd%22%0A%20%20%20%20%20%20%20%20xmlns%3Ainkscape%3D%22http%3A%2F%2Fwww.inkscape.org%2Fnamespaces%2Finkscape%22%0A%20%20%20%20%20%20%20%20width%3D%2217.65%22%0A%20%20%20%20%20%20%20%20height%3D%2213.678017%22%0A%20%20%20%20%20%20%20%20viewBox%3D%220%200%2017.65%2013.678017%22%0A%20%20%20%20%20%20%20%20version%3D%221.1%22%0A%20%20%20%20%20%20%20%20id%3D%22camera%22%0A%20%20%20%20%20%20%20%20sodipodi%3Adocname%3D%22camera.svg%22%0A%20%20%20%20%20%20%20%20inkscape%3Aversion%3D%220.92.3%20(2405546%2C%202018-03-11)%22%3E%0A%20%20%20%20%3Cmetadata%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22metadata20%22%3E%0A%20%20%20%20%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage%2Fsvg%2Bxml%3C%2Fdc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A%2F%2Fpurl.org%2Fdc%2Fdcmitype%2FStillImage%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C%2Fdc%3Atitle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fcc%3AWork%3E%0A%20%20%20%20%20%20%20%20%3C%2Frdf%3ARDF%3E%0A%20%20%20%20%3C%2Fmetadata%3E%0A%20%20%20%20%3Csodipodi%3Anamedview%0A%20%20%20%20%20%20%20%20%20%20%20%20pagecolor%3D%22%23ffffff%22%0A%20%20%20%20%20%20%20%20%20%20%20%20bordercolor%3D%22%23666666%22%0A%20%20%20%20%20%20%20%20%20%20%20%20borderopacity%3D%221%22%0A%20%20%20%20%20%20%20%20%20%20%20%20objecttolerance%3D%2210%22%0A%20%20%20%20%20%20%20%20%20%20%20%20gridtolerance%3D%2210%22%0A%20%20%20%20%20%20%20%20%20%20%20%20guidetolerance%3D%2210%22%0A%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Apageopacity%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Apageshadow%3D%222%22%0A%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Awindow-width%3D%221920%22%0A%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Awindow-height%3D%221017%22%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22namedview18%22%0A%20%20%20%20%20%20%20%20%20%20%20%20showgrid%3D%22false%22%0A%20%20%20%20%20%20%20%20%20%20%20%20fit-margin-top%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20fit-margin-left%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20fit-margin-right%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20fit-margin-bottom%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Azoom%3D%2213.111111%22%0A%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Acx%3D%22-4.3474576%22%0A%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Acy%3D%225%22%0A%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Awindow-x%3D%221912%22%0A%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Awindow-y%3D%22-8%22%0A%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Awindow-maximized%3D%221%22%0A%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Acurrent-layer%3D%22svg16%22%20%2F%3E%0A%20%20%20%20%3Cdefs%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22defs3%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22a%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M%200%2C0.322%20H%2017.651%20V%2014%20H%200%20Z%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%20%2F%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g14%22%0A%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3Anone%3Bfill-rule%3Aevenodd%22%0A%20%20%20%20%20%20%20%20%20%20%20%20transform%3D%22translate(-2%2C-0.32198358)%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20transform%3D%22translate(2)%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22g10%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22b%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fill%3D%22%23fff%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20xlink%3Ahref%3D%22%23a%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22use5%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20x%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20y%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20width%3D%22100%25%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20height%3D%22100%25%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22M%2015.973%2C11.81%2012.127%2C7.896%20A%200.117%2C0.117%200%200%200%2011.969%2C7.89%20L%209.301%2C10.197%205.891%2C6.072%20A%200.117%2C0.117%200%200%200%205.711%2C6.076%20L%201.678%2C11.393%20V%201.97%20H%2015.973%20Z%20M%2017.371%2C0.322%20H%200.28%20A%200.278%2C0.278%200%200%200%200%2C0.596%20v%2013.13%20C%200%2C13.877%200.126%2C14%200.28%2C14%20h%2017.09%20c%200.155%2C0%200.28%2C-0.123%200.28%2C-0.275%20V%200.596%20A%200.277%2C0.277%200%200%200%2017.37%2C0.322%20Z%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20mask%3D%22%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path8%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%231d1d1b%22%20%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20d%3D%22m%2014.5%2C6%20a%201.5%2C1.5%200%201%200%200%2C-3%201.5%2C1.5%200%200%200%200%2C3%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20id%3D%22path12%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20inkscape%3Aconnector-curvature%3D%220%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20style%3D%22fill%3A%231d1d1b%22%20%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 17px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-layoutbild-icon-container {
  width: 17px;
  height: 13px;
  display: inline-flex;
  align-self: center; }

.key-letter-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2217px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2017%2012%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EED18D891-33C4-4C4B-B04C-E6B0B20D3150%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fletter%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-1%22%20points%3D%220%209.18081429%204.454%206.26138571%200%202.89286786%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-2%22%20points%3D%2212.546%206.26139107%2017%209.18081964%2017%202.89287321%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-3%22%20points%3D%228.50001062%209.32140714%205.54015125%207.08297857%201.06249997e-05%2010.7142643%201.06249997e-05%2011.9999786%2017.0000106%2011.9999786%2017.0000106%2010.7142643%2011.4598169%207.08297857%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-4%22%20points%3D%220%20-5.35714253e-06%200%201.28570893%208.5%207.71428036%2017%201.28570893%2017%20-5.35714253e-06%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 17px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-letter-icon-container {
  width: 17px;
  height: 12px;
  display: inline-flex;
  align-self: center; }

.key-lightboxen-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22lightboxen%22%20width%3D%2218px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2018%2017%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E977818C9-23C3-4CF6-ADFE-066AA0347950%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Flightboxen%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Fill-1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M14.7199161%2C7.63485748%20L11.3269018%2C7.63485748%20L11.3269018%2C11.0283563%20L9.63045529%2C11.0283563%20L9.63045529%2C7.63469596%20L6.23760256%2C7.63469596%20L6.23760256%2C5.93619002%20L9.62984959%2C5.93619002%20L9.62984959%2C2.5461639%20L11.3262558%2C2.5461639%20L11.3262558%2C5.93699762%20L14.719795%2C5.93699762%20L14.719795%2C7.63485748%20L14.7199161%2C7.63485748%20Z%20M15.5680586%2C0%20L5.38929852%2C0%20C4.45631753%2C0%203.69365957%2C0.763465558%203.69365957%2C1.69503325%20L3.69365957%2C11.8752067%20C3.69365957%2C12.8068147%204.45708475%2C13.5702399%205.38869282%2C13.5702399%20L15.5674529%2C13.5702399%20C16.5004339%2C13.5702399%2017.2638591%2C12.8068147%2017.2638591%2C11.8752067%20L17.2638591%2C1.69503325%20C17.2645052%2C0.763465558%2016.5012415%2C0%2015.5680586%2C0%20L15.5680586%2C0%20Z%20M1.99644579%2C3.39366033%20L0.299999237%2C3.39366033%20L0.299999237%2C15.2695131%20C0.299999237%2C16.2012423%201.06342442%2C16.9645059%201.99644579%2C16.9645059%20L13.8708448%2C16.9645059%20L13.8708448%2C15.2695131%20L1.99644579%2C15.2695131%20L1.99644579%2C3.39366033%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 18px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-lightboxen-icon-container {
  width: 18px;
  height: 17px;
  display: inline-flex;
  align-self: center; }

.key-lock-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22lock%22%20width%3D%2214px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2014%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EC81E8DE0-FF80-4F57-B50E-E1EEE7BE4FEE%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Flock%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10.1749385%2C7.25770385%20L3.63821538%2C7.25770385%20L3.63821538%2C5.61868846%20C3.63821538%2C3.81310385%205.10558462%2C2.31993462%206.90650769%2C2.31993462%20C8.70738462%2C2.31993462%2010.1749385%2C3.81310385%2010.1749385%2C5.61868846%20L10.1749385%2C7.25770385%20Z%20M8.01706154%2C12.6041192%20L8.01706154%2C15.0879808%20C8.01706154%2C15.3724731%207.77890769%2C15.6129808%207.49423077%2C15.6129808%20L6.31892308%2C15.6129808%20C6.03424615%2C15.6129808%205.79609231%2C15.3724731%205.79609231%2C15.0879808%20L5.79609231%2C12.6041192%20C5.52009231%2C12.3322731%205.35924615%2C11.9565346%205.35924615%2C11.5409654%20C5.35924615%2C10.7533038%205.96810769%2C10.0763192%206.74243077%2C10.0451192%20C6.82444615%2C10.0417038%206.98870769%2C10.0417038%207.07072308%2C10.0451192%20C7.84509231%2C10.0763192%208.45390769%2C10.7533038%208.45390769%2C11.5409654%20C8.45390769%2C11.9565346%208.29310769%2C12.3322731%208.01706154%2C12.6041192%20L8.01706154%2C12.6041192%20Z%20M12.8333077%2C7.25770385%20L12.483%2C7.25770385%20L12.483%2C5.61868846%20C12.483%2C2.58748846%2010.0774154%2C0.0551653846%207.07072308%2C0.00107307692%20C6.98870769%2C-0.000357692308%206.82444615%2C-0.000357692308%206.74243077%2C0.00107307692%20C3.7356%2C0.0551653846%201.33015385%2C2.58748846%201.33015385%2C5.61868846%20L1.33015385%2C7.25770385%20L0.979846154%2C7.25770385%20C0.440261538%2C7.25770385%200%2C7.81459615%200%2C8.50238077%20L0%2C16.7226577%20C0%2C17.4095654%200.440261538%2C17.9716731%200.979846154%2C17.9716731%20L12.8333077%2C17.9716731%20C13.3728923%2C17.9716731%2013.8131538%2C17.4095654%2013.8131538%2C16.7226577%20L13.8131538%2C8.50238077%20C13.8131538%2C7.81459615%2013.3728923%2C7.25770385%2012.8333077%2C7.25770385%20L12.8333077%2C7.25770385%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 14px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-lock-icon-container {
  width: 14px;
  height: 18px;
  display: inline-flex;
  align-self: center; }

.key-loesungen-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2226px%22%20height%3D%2223px%22%20viewBox%3D%220%200%2026%2023%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Floesungen%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0.000000%2C%200.592105)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M22.1685895%2C13.0162105%20C21.6973263%2C12.8263158%2020.8069053%2C12.4198947%2019.8944842%2C11.9995789%20C19.5841684%2C11.856%2019.3074316%2C11.4750526%2019.2703789%2C11.1496842%20L19.1708%2C10.2048421%20C19.8701684%2C9.58884211%2020.4989053%2C8.73084211%2020.6054316%2C7.77442105%20L20.7640632%2C7.77442105%20C21.0106947%2C7.77442105%2021.2434316%2C7.59842105%2021.2804842%2C7.38305263%20L21.5305895%2C5.93336842%20C21.5606947%2C5.62536842%2021.2538526%2C5.43778947%2021.0037474%2C5.43778947%20C21.0106947%2C5.40652632%2021.0153263%2C5.37410526%2021.0188%2C5.34863158%20C21.0523789%2C5.17494737%2021.0709053%2C5.00936842%2021.0824842%2C4.84494737%20C21.0986947%2C4.71178947%2021.1137474%2C4.57631579%2021.1160632%2C4.43505263%20C21.1438526%2C3.75305263%2021.0222737%2C3.15326316%2020.8184842%2C2.81978947%20C20.6146947%2C2.35315789%2020.3009053%2C1.89810526%2019.8701684%2C1.50905263%20C18.6601684%2C0.426421053%2017.2614316%2C0.00610526316%2016.0664842%2C0.874526316%20C15.5014316%2C0.783052632%2014.8645895%2C0.939368421%2014.2914316%2C1.296%20C14.6526947%2C1.52526316%2015.0093263%2C1.78810526%2015.3566947%2C2.09957895%20C15.9912211%2C2.67042105%2016.5088%2C3.37442105%2016.8573263%2C4.13978947%20C17.3772211%2C5.07421053%2017.4154316%2C6.25178947%2017.3911158%2C6.85736842%20C17.3888%2C6.96736842%2017.3818526%2C7.07505263%2017.3725895%2C7.18042105%20C17.7570105%2C7.62621053%2017.9364842%2C8.19010526%2017.8785895%2C8.776%20L17.8728%2C8.83505263%20L17.8635368%2C8.89410526%20L17.5648%2C10.624%20C17.4559579%2C11.2654737%2017.0530105%2C11.8108421%2016.5030105%2C12.1362105%20C16.2274316%2C12.9085263%2015.7631158%2C13.6588421%2015.1355368%2C14.3431579%20L15.1494316%2C14.4670526%20C15.9946947%2C14.8572632%2017.0889053%2C15.3563158%2017.6273263%2C15.574%20C17.7732211%2C15.6330526%2017.9318526%2C15.6944211%2018.0985895%2C15.7592632%20C18.7574316%2C16.0151579%2019.6293263%2C16.3544211%2020.4606947%2C16.85%20L25.9074316%2C16.85%20L25.9074316%2C16.2710526%20C25.9074316%2C14.2748421%2023.4735368%2C13.5465263%2022.1685895%2C13.0162105%22%20id%3D%22Fill-1%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.7099684%2C7.31126316%20C15.7284947%2C7.15263158%2015.7458632%2C6.99052632%2015.7504947%2C6.82147368%20C15.7829158%2C6.00515789%2015.6370211%2C5.28726316%2015.3927053%2C4.88663158%20C15.1495474%2C4.32852632%2014.7743895%2C3.78315789%2014.2579684%2C3.31884211%20C13.8967053%2C2.99463158%2013.5180737%2C2.73757895%2013.1348105%2C2.52452632%20C13.0109158%2C2.76305263%2012.9206%2C3.00852632%2012.8684947%2C3.25168421%20C12.7758632%2C3.54810526%2012.7191263%2C3.90821053%2012.7040737%2C4.29378947%20C12.6855474%2C4.72915789%2012.7307053%2C5.124%2012.8163895%2C5.44357895%20C12.5790211%2C5.45747368%2012.3381789%2C5.64273684%2012.3381789%2C5.93684211%20L12.5848105%2C7.38189474%20C12.6218632%2C7.59842105%2012.8557579%2C7.77442105%2013.1047053%2C7.77442105%20L13.2448105%2C7.77442105%20C13.4694421%2C8.80726316%2014.0507053%2C9.65715789%2014.6921789%2C10.2511579%20L14.5949158%2C11.1635789%20C14.5613368%2C11.4901053%2014.2811263%2C11.8698947%2013.9742842%2C12.0134737%20C13.0896526%2C12.4222105%2012.2200737%2C12.8147368%2011.7001789%2C13.0196842%20C10.4716526%2C13.4978947%207.96017895%2C14.2748421%207.96017895%2C16.2710526%20L7.96017895%2C16.85%20L16.4336526%2C16.85%20C15.8500737%2C16.5952632%2015.0789158%2C16.2421053%2014.2869158%2C15.8773684%20C13.9163895%2C15.7048421%2013.5840737%2C15.2497895%2013.5400737%2C14.8595789%20L13.4208105%2C13.7294737%20C14.2579684%2C12.9907368%2015.0106%2C11.9636842%2015.1391263%2C10.8185263%20L15.3278632%2C10.8185263%20C15.6231263%2C10.8185263%2015.9033368%2C10.6089474%2015.9461789%2C10.3495789%20L16.2460737%2C8.61505263%20C16.2819684%2C8.24568421%2015.9137579%2C8.02221053%2015.6161789%2C8.02221053%20C15.6231263%2C7.984%2015.6300737%2C7.94578947%2015.6335474%2C7.91452632%20C15.6740737%2C7.70726316%2015.6960737%2C7.50810526%2015.7099684%2C7.31126316%22%20id%3D%22Fill-3%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C20.9912105%20L0%2C21.6847895%20L21.4870526%2C21.6847895%20L21.4870526%2C20.9912105%20C21.4870526%2C18.6013158%2018.5714737%2C17.7294211%2017.0094737%2C17.0948947%20C16.4455789%2C16.8667895%2015.3791579%2C16.3816316%2014.2872632%2C15.8767895%20C13.9155789%2C15.7054211%2013.5844211%2C15.2492105%2013.5404211%2C14.8601579%20L13.42%2C13.7288947%20C14.2583158%2C12.9913158%2015.0109474%2C11.9631053%2015.1383158%2C10.8191053%20L15.3282105%2C10.8191053%20C15.6234737%2C10.8191053%2015.9025263%2C10.6083684%2015.9465263%2C10.3501579%20L16.2452632%2C8.61563158%20C16.2823158%2C8.24626316%2015.9141053%2C8.02163158%2015.6153684%2C8.02163158%20C15.6234737%2C7.98457895%2015.6304211%2C7.94636842%2015.6338947%2C7.91510526%20C15.6732632%2C7.70784211%2015.6964211%2C7.50868421%2015.7103158%2C7.31184211%20C15.7288421%2C7.15205263%2015.7462105%2C6.99110526%2015.7496842%2C6.82089474%20C15.7821053%2C6.00457895%2015.6373684%2C5.28668421%2015.3930526%2C4.88721053%20C15.1498947%2C4.32794737%2014.7747368%2C3.78373684%2014.2583158%2C3.31826316%20C13.3458947%2C2.50194737%2012.3443158%2C2.00057895%2011.3705263%2C2.00057895%20C10.7973684%2C2.00057895%2010.2346316%2C2.17310526%209.70431579%2C2.55868421%20C9.57%2C2.53784211%209.43336842%2C2.52626316%209.29326316%2C2.52626316%20C8.41905263%2C2.52626316%207.45915789%2C2.94889474%206.73778947%2C3.749%20C6.28273684%2C4.25615789%205.99789474%2C4.83510526%205.87515789%2C5.40478947%20C5.76515789%2C5.75910526%205.69684211%2C6.191%205.67831579%2C6.653%20C5.65631579%2C7.17405263%205.71073684%2C7.64647368%205.81263158%2C8.02857895%20C5.53010526%2C8.04594737%205.24178947%2C8.26594737%205.24178947%2C8.61910526%20L5.53589474%2C10.3501579%20C5.57989474%2C10.6083684%205.86010526%2C10.8191053%206.15884211%2C10.8191053%20L6.32673684%2C10.8191053%20C6.59536842%2C12.0568947%207.29126316%2C13.0735263%208.05894737%2C13.7844737%20L7.942%2C14.8763684%20C7.90263158%2C15.2665789%207.568%2C15.7216316%207.19978947%2C15.8953158%20C6.14031579%2C16.3839474%205.10052632%2C16.8540526%204.47757895%2C17.0983684%20C3.00589474%2C17.6715263%200%2C18.6013158%200%2C20.9912105%22%20id%3D%22Fill-5%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 26px;
  height: 23px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-loesungen-icon-container {
  width: 26px;
  height: 23px;
  display: inline-flex;
  align-self: center; }

.key-logout-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22logout%22%20width%3D%2217px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2017%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E7C0D05EA-75B4-48C3-A17C-FF6E16098BE9%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Flogout%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.31774956%2C9.64453211%20C8.69277025%2C9.64453211%209.01794326%2C9.50779817%209.29193932%2C9.23548624%20C9.56643387%2C8.9626789%209.70401346%2C8.63950459%209.70401346%2C8.26662385%20L9.70401346%2C1.37790826%20C9.70401346%2C1.00436697%209.56643387%2C0.681853211%209.29193932%2C0.409045872%20C9.01794326%2C0.136238532%208.69277025%2C0%208.31774956%2C0%20C7.94189807%2C0%207.61738969%2C0.136899083%207.34272899%2C0.409045872%20C7.06823445%2C0.681853211%206.9313195%2C1.00502752%206.9313195%2C1.37790826%20L6.9313195%2C8.26662385%20C6.9313195%2C8.63950459%207.06823445%2C8.9626789%207.34272899%2C9.23548624%20C7.61738969%2C9.50779817%207.94189807%2C9.64453211%208.31774956%2C9.64453211%22%20id%3D%22Fill-1%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.7629986%2C5.95205505%20C15.182107%2C4.79675229%2014.3642728%2C3.82855046%2013.3101606%2C3.04612844%20C13.0070867%2C2.81642202%2012.664467%2C2.72675229%2012.2814707%2C2.77711927%20C11.8984744%2C2.8273211%2011.5954005%2C3.00666055%2011.3715844%2C3.31513761%20C11.1404573%2C3.61634862%2011.052227%2C3.95570642%2011.1067271%2C4.33238532%20C11.1605626%2C4.70906422%2011.3390173%2C5.01225688%2011.6427558%2C5.2419633%20C12.3495958%2C5.7727156%2012.8974218%2C6.42236697%2013.2829105%2C7.18992661%20C13.66923%2C7.95765138%2013.862639%2C8.77623853%2013.862639%2C9.64387156%20C13.862639%2C10.390789%2013.7159207%2C11.102367%2013.4238133%2C11.7809174%20C13.1317059%2C12.4589725%2012.7364138%2C13.045211%2012.237937%2C13.5406239%20C11.7394603%2C14.0355413%2011.1495961%2C14.4282385%2010.4673476%2C14.719211%20C9.78526517%2C15.0095229%209.06862173%2C15.1553394%208.31774956%2C15.1553394%20C7.56671122%2C15.1553394%206.85023394%2C15.0095229%206.1679854%2C14.719211%20C5.48523839%2C14.4282385%204.89520805%2C14.0355413%204.39739591%2C13.5406239%20C3.89891914%2C13.045211%203.50362706%2C12.4589725%203.21151968%2C11.7809174%20C2.91874765%2C11.102367%202.77286012%2C10.390789%202.77286012%2C9.64387156%20C2.77286012%2C8.77623853%202.96560447%2C7.95831193%203.35175781%2C7.18992661%20C3.73857578%2C6.42236697%204.28507248%2C5.7727156%204.99257718%2C5.2419633%20C5.29565105%2C5.01225688%205.47477037%2C4.70906422%205.52860586%2C4.33238532%20C5.58327215%2C3.95570642%205.49421097%2C3.61634862%205.26325006%2C3.31513761%20C5.03993247%2C3.00666055%204.73818786%2C2.8273211%204.3590132%2C2.77711927%20C3.9800047%2C2.72675229%203.63539109%2C2.81642202%203.32517238%2C3.04612844%20C2.27039553%2C3.82855046%201.45322595%2C4.79675229%200.871669713%2C5.95205505%20C0.290778116%2C7.1073578%200%2C8.33829358%200%2C9.64387156%20C0%2C10.7636697%200.219994415%2C11.8326055%200.660814039%2C12.8518349%20C1.1014675%2C13.8704037%201.69332559%2C14.7495963%202.43655446%2C15.4887523%20C3.18044796%2C16.2274128%204.06507807%2C16.8162936%205.08994631%2C17.2537431%20C6.11547918%2C17.6916881%207.19085974%2C17.9103303%208.31774956%2C17.9103303%20C9.44380858%2C17.9103303%2010.5193553%2C17.6916881%2011.544722%2C17.2537431%20C12.5702549%2C16.8162936%2013.4543865%2C16.2274128%2014.1981139%2C15.4887523%20C14.9420074%2C14.7495963%2015.5338654%2C13.8704037%2015.9740204%2C12.8518349%20C16.4146739%2C11.8326055%2016.6346683%2C10.7636697%2016.6346683%2C9.64387156%20C16.6346683%2C8.33829358%2016.3445548%2C7.1073578%2015.7629986%2C5.95205505%22%20id%3D%22Fill-3%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 17px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-logout-icon-container {
  width: 17px;
  height: 18px;
  display: inline-flex;
  align-self: center; }

.key-magnifier-white-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2217px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2017%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E90DEF292-43AC-43BC-B1C1-ED9F6658D2AC%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fmagnifier_white%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Page-1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.94819225%2C2.60372512%20C9.34456671%2C2.60372512%2011.294257%2C4.55341538%2011.294257%2C6.94851177%20C11.294257%2C9.34488623%209.34456671%2C11.294257%206.94819225%2C11.294257%20C4.55309586%2C11.294257%202.60372512%2C9.34488623%202.60372512%2C6.94851177%20C2.60372512%2C4.55341538%204.55309586%2C2.60372512%206.94819225%2C2.60372512%20M12.6347601%2C10.9550239%20C13.4820093%2C10.0105657%2013.8979821%2C8.43450049%2013.8979821%2C6.94842457%20C13.8979821%2C3.11714204%2010.7808401%2C3.55271368e-15%206.94804691%2C3.55271368e-15%20C3.11714204%2C3.55271368e-15%200%2C3.11714204%200%2C6.94842457%20C0%2C10.7808401%203.11714204%2C13.8979821%206.94804691%2C13.8979821%20C8.3865245%2C13.8979821%209.61303988%2C13.5427301%2010.6292488%2C12.8044439%20L14.7478418%2C17.1171204%20C14.9204289%2C17.2972605%2016.0525082%2C17.7349064%2016.7359829%2C17.06509%20C17.0933044%2C16.714909%2017.082667%2C15.7623979%2016.7359822%2C15.4009847%20L12.6347601%2C10.9550239%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 17px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-magnifier-white-icon-container {
  width: 17px;
  height: 18px;
  display: inline-flex;
  align-self: center; }

.key-magnifier-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22magnifier%22%20width%3D%2217px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2017%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E00F6E66B-06F9-4DC3-8808-5D75BD6EE014%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fmagnifier%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Page-1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M6.94819225%2C2.60372512%20C9.34456671%2C2.60372512%2011.294257%2C4.55341538%2011.294257%2C6.94851177%20C11.294257%2C9.34488623%209.34456671%2C11.294257%206.94819225%2C11.294257%20C4.55309586%2C11.294257%202.60372512%2C9.34488623%202.60372512%2C6.94851177%20C2.60372512%2C4.55341538%204.55309586%2C2.60372512%206.94819225%2C2.60372512%20M12.6347601%2C10.9550239%20C13.4820093%2C10.0105657%2013.8979821%2C8.43450049%2013.8979821%2C6.94842457%20C13.8979821%2C3.11714204%2010.7808401%2C3.55271368e-15%206.94804691%2C3.55271368e-15%20C3.11714204%2C3.55271368e-15%200%2C3.11714204%200%2C6.94842457%20C0%2C10.7808401%203.11714204%2C13.8979821%206.94804691%2C13.8979821%20C8.3865245%2C13.8979821%209.61303988%2C13.5427301%2010.6292488%2C12.8044439%20L14.7478418%2C17.1171204%20C14.9204289%2C17.2972605%2016.0525082%2C17.7349064%2016.7359829%2C17.06509%20C17.0933044%2C16.714909%2017.082667%2C15.7623979%2016.7359822%2C15.4009847%20L12.6347601%2C10.9550239%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 17px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-magnifier-icon-container {
  width: 17px;
  height: 18px;
  display: inline-flex;
  align-self: center; }

.key-mappin-small-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2212px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2012%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E00AD4D82-9723-485A-AC3D-5A699295DE54%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fmappin_small%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M5.97397624%2C9.27082826%20C4.07587337%2C9.27082826%202.53770146%2C7.72862416%202.53770146%2C5.82303075%20C2.53770146%2C3.91932344%204.07587337%2C2.37963414%205.97397624%2C2.37963414%20C7.87019794%2C2.37963414%209.41087807%2C3.91932344%209.41087807%2C5.82303075%20C9.41087807%2C7.72862416%207.87019794%2C9.27082826%205.97397624%2C9.27082826%20M1.08174223%2C2.55353367%20C0.40002299%2C3.52343551%200%2C4.70413829%200%2C5.97769125%20C0%2C7.66701144%201.65355047%2C10.6929504%201.65355047%2C10.6929504%20L5.78084255%2C17.5384615%20L10.086846%2C10.7740529%20C10.086846%2C10.7740529%2011.9999982%2C7.88831427%2011.9999982%2C5.97769125%20C12.0025065%2C2.67700982%209.31493828%2C0%206.00093971%2C0%20C3.96563245%2C0%202.16684236%2C1.00973007%201.08174223%2C2.55353367%20Z%22%20id%3D%22icon%2Fmappin%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 12px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-mappin-small-icon-container {
  width: 12px;
  height: 18px;
  display: inline-flex;
  align-self: center; }

.key-mappin-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2221px%22%20height%3D%2231px%22%20viewBox%3D%220%200%2021%2031%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EAECB88F3-DEA6-4744-9AEA-E7B3DE6CF4D2%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fmappin%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10.4544584%2C16.2239495%20C7.13277839%2C16.2239495%204.44097756%2C13.5250923%204.44097756%2C10.1903038%20C4.44097756%2C6.85881601%207.13277839%2C4.16435974%2010.4544584%2C4.16435974%20C13.7728464%2C4.16435974%2016.4690366%2C6.85881601%2016.4690366%2C10.1903038%20C16.4690366%2C13.5250923%2013.7728464%2C16.2239495%2010.4544584%2C16.2239495%20M1.8930489%2C4.46868392%20C0.700040233%2C6.16601215%200%2C8.232242%200%2C10.4609597%20C0%2C13.41727%202.89371333%2C18.7126633%202.89371333%2C18.7126633%20L10.1164745%2C31%20L17.6519805%2C18.8545926%20C17.6519805%2C18.8545926%2020.9999969%2C13.80455%2020.9999969%2C10.4609597%20C21.0043863%2C4.68476718%2016.301142%2C0%2010.5016445%2C0%20C6.9398568%2C0%203.79197413%2C1.76702762%201.8930489%2C4.46868392%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 21px;
  height: 31px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-mappin-icon-container {
  width: 21px;
  height: 31px;
  display: inline-flex;
  align-self: center; }

.key-menu-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22menu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2215%22%20viewBox%3D%220%200%2020%2015%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M19.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%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 20px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-menu-icon-container {
  width: 20px;
  height: 15px;
  display: inline-flex;
  align-self: center; }

.key-move-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2217%22%20viewBox%3D%220%200%2019%2017%22%3E%0A%20%20%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M4.946%200L0%204.204%204.946%208.16V5.934h12.363V2.473H4.946zM13.291%2011.127H.927v3.462h12.364v2.225l4.945-3.955-4.945-4.204z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 19px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-move-icon-container {
  width: 19px;
  height: 17px;
  display: inline-flex;
  align-self: center; }

.key-pause-icon, .img-maxview-container .desc-maxview .img-show .stream-control:checked ~ .icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2216%22%20viewBox%3D%220%200%2015%2016%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%200h4.941v16H0zM9.706%200h4.941v16H9.706z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 15px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-pause-icon-container {
  width: 15px;
  height: 16px;
  display: inline-flex;
  align-self: center; }

.key-pen-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22pen%22%20width%3D%2219px%22%20height%3D%2218px%22%20viewBox%3D%220%200%2019%2018%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E0F59E10E-C023-4ADD-A222-5EE2216EC606%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fpen%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0.0102542401%2C17.4896414%20C-0.0567602077%2C17.7910809%200.215313431%2C18.0611466%200.51675295%2C17.9878574%20L4.6169328%2C16.9936843%20L0.939420853%2C13.3141644%20L0.0102542401%2C17.4896414%20Z%20M17.7193868%2C2.11647689%20L16.0784113%2C0.475501391%20C15.4441584%2C-0.158500464%2014.4143447%2C-0.158500464%2013.7780839%2C0.475501391%20L12.2061308%2C2.04745452%20L15.8856506%2C5.72697439%20L17.7193868%2C3.89348922%20C18.2110771%2C3.40154795%2018.2110771%2C2.60816717%2017.7193868%2C2.11647689%20L17.7193868%2C2.11647689%20Z%20M11.2475983%2C3.00397909%20L14.9271181%2C6.68349896%20L5.61336485%2C15.9972523%20L1.9358529%2C12.3177324%20L11.2475983%2C3.00397909%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 19px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-pen-icon-container {
  width: 19px;
  height: 18px;
  display: inline-flex;
  align-self: center; }

.key-phone-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EB25972F6-B1B3-4728-BB3F-3143F48CDF2B%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fphone%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M15.26781%2C12.5652608%20L12.4906672%2C9.78811791%20C12.2769529%2C9.5778322%2011.9283814%2C9.5778322%2011.7146672%2C9.78811791%20L11.1066672%2C10.3984036%20L10.53981%2C10.9618322%20C10.4735243%2C11.0338322%2010.3969529%2C11.0955465%2010.3169529%2C11.1492608%20L13.8792386%2C14.7161179%20C14.33981%2C14.2521179%2014.7992386%2C13.7972608%2015.2586672%2C13.3366893%20C15.4780957%2C13.1229751%2015.4815243%2C12.7789751%2015.26781%2C12.5652608%20M7.7775243%2C11.4841179%20C7.19238145%2C10.9801179%206.63466716%2C10.4475465%206.0895243%2C9.90811791%20C5.5455243%2C9.35954648%205.01409573%2C8.8018322%204.5135243%2C8.21668934%20C4.10209573%2C7.74354648%204.02323859%2C7.05097505%204.23695287%2C6.47497505%20L0.579810018%2C2.81440363%20C-0.271618554%2C3.6898322%20-0.165332839%2C5.85897505%200.767238589%2C7.76526077%20C1.1695243%2C8.59040363%201.68838145%2C9.33668934%202.22209573%2C10.0429751%20C2.75923859%2C10.7435465%203.34895287%2C11.4086893%203.9695243%2C12.0338322%20C4.59009573%2C12.6544036%205.2495243%2C13.2475465%205.95123859%2C13.7824036%20C6.66095287%2C14.3195465%207.40609573%2C14.8372608%208.22781002%2C15.2338322%20C10.1340957%2C16.1675465%2012.3032386%2C16.2704036%2013.1786672%2C15.4178322%20L9.52266716%2C11.7606893%20C8.94209573%2C11.9755465%208.2495243%2C11.8955465%207.7775243%2C11.4841179%20M4.84266716%2C5.67611791%20L1.2815243%2C2.1138322%20C1.74095287%2C1.65440363%202.20038145%2C1.18926077%202.66095287%2C0.729832198%20C2.87581002%2C0.519546483%203.21866716%2C0.516117912%203.4335243%2C0.725260769%20L6.20609573%2C3.50240363%20C6.41981002%2C3.71611791%206.41981002%2C4.06468934%206.20609573%2C4.27954648%20L5.03009573%2C5.45326077%20C4.95923859%2C5.51954648%204.8975243%2C5.59611791%204.84266716%2C5.67611791%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-pin-black-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22pin-black%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EEEE6AC90-A3B6-430F-9733-F0E469C41E88%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fpin%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(8.000000%2C%208.000000)%20rotate(-360.000000)%20translate(-8.000000%2C%20-8.000000)%20%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-1%22%20points%3D%220.386838517%2015.3025034%200.542180825%2015.4953683%206.01988753%2010.7143953%205.20785787%209.89887577%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-2%22%20points%3D%2212.0393355%20-1.41140135e-14%206.85714286%204.66325526%2011.1834692%209.00785586%2015.8281372%203.8055976%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M5.42674445%2C4.48742207%20C3.95309821%2C4.1739566%202.58172138%2C4.43168633%201.67785503%2C5.34176441%20L10.5044184%2C14.2036503%20C11.4071362%2C13.2967434%2011.6669972%2C11.9196383%2011.3557383%2C10.4412479%20L5.42674445%2C4.48742207%20Z%22%20id%3D%22Fill-3%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-pin-black-icon-container {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-self: center; }

.key-pin-grey-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22pin-grey%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23444%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M.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%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-pin-grey-icon-container {
  width: 16px;
  height: 16px;
  display: inline-flex;
  align-self: center; }

.key-pinterest-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2217px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2017%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EB88CF08C-8E7C-4864-AF97-63D1C7534DBD%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fpinterest%22%20fill%3D%22%23F1F1F1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M14.0706149%2C2.22629961%20C12.6546633%2C0.838568866%2010.6951037%2C0.0743052209%208.55318038%2C0.0743052209%20C5.28100028%2C0.0743052209%203.26861409%2C1.44349451%202.15651902%2C2.59238757%20C0.785930272%2C4.00788816%200%2C5.88734852%200%2C7.74928339%20C0%2C10.0868617%200.957595953%2C11.8809805%202.56179931%2C12.548727%20C2.66935988%2C12.5936837%202.77750097%2C12.6162044%202.88373466%2C12.6162044%20C3.22225606%2C12.6162044%203.4902038%2C12.3903203%203.58316864%2C12.0277882%20C3.63723919%2C11.8197683%203.76262977%2C11.306534%203.81736376%2C11.0839519%20C3.93404666%2C10.6437827%203.83975493%2C10.4324609%203.58507604%2C10.1258919%20C3.12124698%2C9.56558427%202.90513067%2C8.90283298%202.90513067%2C8.04069754%20C2.90513067%2C5.47926712%204.77338404%2C2.75672076%208.23597205%2C2.75672076%20C10.9833693%2C2.75672076%2012.6902404%2C4.35120145%2012.6902404%2C6.91720373%20C12.6902404%2C8.53674503%2012.3484847%2C10.0362325%2011.7281662%2C11.1401689%20C11.2966799%2C11.9074804%2010.5382825%2C12.8218537%209.37435602%2C12.8218537%20C8.87096921%2C12.8218537%208.41875039%2C12.6105319%208.13330436%2C12.2424966%20C7.86378095%2C11.8945268%207.77504555%2C11.4451293%207.88326957%2C10.976767%20C8.00567466%2C10.4476158%208.17286211%2C9.89535129%208.33449323%2C9.36154357%20C8.62931037%2C8.38688941%208.90787319%2C7.46616634%208.90787319%2C6.73170449%20C8.90787319%2C5.47528791%208.15113437%2C4.63093194%207.02543874%2C4.63093194%20C5.59455968%2C4.63093194%204.47334228%2C6.11492586%204.47334228%2C8.00894846%20C4.47334228%2C8.93788396%204.71533284%2C9.63272297%204.82455202%2C9.8993305%20C4.64442745%2C10.6791724%203.57313408%2C15.3148754%203.37003782%2C16.1889485%20C3.25244268%2C16.6992196%202.54463274%2C20.7294044%203.71602295%2C21.0508743%20C5.03254116%2C21.4119671%206.20907306%2C17.4866812%206.32890731%2C17.0432102%20C6.42576988%2C16.6823714%206.76561817%2C15.318516%206.97360732%2C14.4797479%20C7.60918499%2C15.1048236%208.63221293%2C15.5271286%209.62770803%2C15.5271286%20C11.5046691%2C15.5271286%2013.1923832%2C14.6649931%2014.3806083%2C13.0993829%20C15.5325928%2C11.5810153%2016.1671753%2C9.46474922%2016.1671753%2C7.1404632%20C16.1671753%2C5.32348501%2015.4029728%2C3.53232941%2014.0706149%2C2.22629961%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 17px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-pinterest-icon-container {
  width: 17px;
  height: 22px;
  display: inline-flex;
  align-self: center; }

.key-play-icon, .img-maxview-container .desc-maxview .img-show .icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2216%22%20viewBox%3D%220%200%2015%2016%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.3%208L1.5%2016V0z%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 15px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-play-icon-container {
  width: 15px;
  height: 16px;
  display: inline-flex;
  align-self: center; }

.key-preview-black-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cg%3E%0A%09%09%09%3Ccircle%20cx%3D%22356%22%20cy%3D%22218%22%20r%3D%2225%22%2F%3E%0A%09%09%09%3Ccircle%20cx%3D%22256%22%20cy%3D%22218%22%20r%3D%2225%22%2F%3E%0A%09%09%09%3Ccircle%20cx%3D%22156%22%20cy%3D%22218%22%20r%3D%2225%22%2F%3E%0A%09%09%09%3Cpath%20d%3D%22M492%2C0H20C8.954%2C0%2C0%2C8.954%2C0%2C20v396c0%2C11.046%2C8.954%2C20%2C20%2C20h176.977l42.113%2C66.68c3.665%2C5.802%2C10.048%2C9.32%2C16.91%2C9.32%0A%09%09%09%09s13.245-3.518%2C16.91-9.32L315.023%2C436H492c11.046%2C0%2C20-8.954%2C20-20V20C512%2C8.954%2C503.046%2C0%2C492%2C0z%20M472%2C396H304%0A%09%09%09%09c-6.862%2C0-13.245%2C3.518-16.91%2C9.32L256%2C454.546l-31.09-49.226c-3.665-5.802-10.048-9.32-16.91-9.32H40V40h432V396z%22%2F%3E%0A%09%09%3C%2Fg%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 512px;
  height: 512px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-preview-black-icon-container {
  width: 512px;
  height: 512px;
  display: inline-flex;
  align-self: center; }

.key-preview-gray-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22SvgjsSvg1006%22%20width%3D%22288%22%20height%3D%22288%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asvgjs%3D%22http%3A%2F%2Fsvgjs.com%2Fsvgjs%22%3E%0A%20%20%3Cdefs%20id%3D%22SvgjsDefs1007%22%3E%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22SvgjsG1008%22%20transform%3D%22matrix(1%2C0%2C0%2C1%2C0%2C0)%22%3E%0A%20%20%20%20%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20enable-background%3D%22new%200%200%20512%20512%22%20viewBox%3D%220%200%20512%20512%22%20width%3D%22288%22%20height%3D%22288%22%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22356%22%20cy%3D%22218%22%20r%3D%2225%22%20fill%3D%22%23888888%22%20class%3D%22color000%20svgShape%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22256%22%20cy%3D%22218%22%20r%3D%2225%22%20fill%3D%22%23888888%22%20class%3D%22color000%20svgShape%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22156%22%20cy%3D%22218%22%20r%3D%2225%22%20fill%3D%22%23888888%22%20class%3D%22color000%20svgShape%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M492%2C0H20C8.954%2C0%2C0%2C8.954%2C0%2C20v396c0%2C11.046%2C8.954%2C20%2C20%2C20h176.977l42.113%2C66.68c3.665%2C5.802%2C10.048%2C9.32%2C16.91%2C9.32%0A%09%09%09%09s13.245-3.518%2C16.91-9.32L315.023%2C436H492c11.046%2C0%2C20-8.954%2C20-20V20C512%2C8.954%2C503.046%2C0%2C492%2C0z%20M472%2C396H304%0A%09%09%09%09c-6.862%2C0-13.245%2C3.518-16.91%2C9.32L256%2C454.546l-31.09-49.226c-3.665-5.802-10.048-9.32-16.91-9.32H40V40h432V396z%22%20fill%3D%22%23888888%22%20class%3D%22color000%20svgShape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 288px;
  height: 288px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-preview-gray-icon-container {
  width: 288px;
  height: 288px;
  display: inline-flex;
  align-self: center; }

.key-produkte-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2229px%22%20height%3D%2226px%22%20viewBox%3D%220%200%2029%2026%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E4CB8B251-1F60-4899-8067-496147F7C17D%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fprodukte%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M28.3410894%2C7.76340741%20L12.1617267%2C0.0375555556%20C11.9739417%2C-0.052962963%2011.7476368%2C0.026%2011.6571148%2C0.213777778%20L8.13638683%2C7.57948148%20L10.0546828%2C7.57948148%20L12.6393747%2C2.16666667%20L26.6664324%2C8.866%20L22.2809305%2C18.044%20L19.8089096%2C16.8662963%20L19.8089096%2C21.7186667%20L21.3285235%2C22.4447407%20C21.5172715%2C22.5352593%2021.7426135%2C22.4524444%2021.8331355%2C22.2646667%20L28.5173184%2C8.268%20C28.6078404%2C8.07925926%2028.5288744%2C7.85392593%2028.3410894%2C7.76340741%20L28.3410894%2C7.76340741%20Z%22%20id%3D%22Fill-1%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.73051096%2C20.3608889%20L17.2742936%2C20.3608889%20L17.2742936%2C10.1862222%20L1.73051096%2C10.1862222%20L1.73051096%2C20.3608889%20Z%20M0.380384992%2C8.47118519%20C0.173339996%2C8.47118519%200%2C8.6397037%200%2C8.84674074%20L0%2C25.323037%20C0%2C25.532963%200.173339996%2C25.7024444%200.380384992%2C25.7024444%20L18.3085556%2C25.7024444%20C18.5156006%2C25.7024444%2018.6841256%2C25.532963%2018.6841256%2C25.323037%20L18.6841256%2C8.84674074%20C18.6879776%2C8.6397037%2018.5156006%2C8.47118519%2018.3085556%2C8.47118519%20L0.380384992%2C8.47118519%20Z%22%20id%3D%22Fill-3%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 29px;
  height: 26px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-produkte-icon-container {
  width: 29px;
  height: 26px;
  display: inline-flex;
  align-self: center; }

.key-question-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.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-.979.116-.088.215-.187.288-.294.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%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-reset-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E54AE54EA-6FEA-4675-AC41-C1593AA93C41%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Freset%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22Oval%22%20fill%3D%22%23000000%22%20cx%3D%227%22%20cy%3D%227%22%20r%3D%227%22%3E%3C%2Fcircle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Page-1%22%20fill%3D%22%23FFFFFF%22%20points%3D%229.9201757%203%207.00106028%205.91911542%204.08073311%203%203.00106028%204.07967283%205.92138746%206.99878825%203.00106028%209.91911542%204.08073311%2011%207.00106028%208.07846107%209.9201757%2011%2010.9998485%209.91911542%208.07952136%206.99878825%2010.9998485%204.07967283%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 14px;
  height: 14px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-sendtofriend-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2218px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2018%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E6FCE1771-721D-481E-8A45-7AD542F4082B%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fsendtofriend%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12.6663128%2C0.19009263%20C12.5387111%2C0.0635176342%2012.3883015%2C0%2012.2143132%2C0%20C12.040325%2C0%2011.8891448%2C0.0635176342%2011.7621596%2C0.19009263%20C11.6351744%2C0.317127898%2011.5713735%2C0.466869954%2011.5713735%2C0.640085918%20L11.5713735%2C3.20042959%20L9.32108458%2C3.20042959%20C4.54681039%2C3.20042959%201.61690396%2C4.54350536%200.532135855%2C7.23011718%20C0.177532727%2C8.12319966%200%2C9.23368429%200%2C10.5600368%20C0%2C11.6668393%200.425030608%2C13.1699365%201.27555415%2C15.0704025%20C1.29543411%2C15.1171969%201.33103312%2C15.1968241%201.3809642%2C15.3100512%20C1.43151172%2C15.4234317%201.47666544%2C15.5234643%201.51642537%2C15.6098422%20C1.55680174%2C15.6966803%201.6007226%2C15.7698636%201.64757151%2C15.8296991%20C1.72770781%2C15.9429262%201.82155975%2C16%201.9288191%2C16%20C2.02929769%2C16%202.1075847%2C15.9670138%202.16475886%2C15.899814%20C2.2213166%2C15.8333813%202.25028895%2C15.7500719%202.25028895%2C15.6498859%20C2.25028895%2C15.5900504%202.241813%2C15.5018315%202.2250152%2C15.3850757%20C2.20806329%2C15.2687801%202.19958733%2C15.1902269%202.19958733%2C15.1500297%20C2.16599173%2C14.696968%202.14903982%2C14.2870184%202.14903982%2C13.9203345%20C2.14903982%2C13.2472623%202.20806329%2C12.6438448%202.32549379%2C12.1103887%20C2.44230786%2C11.5769327%202.60473797%2C11.115586%202.81247592%2C10.7254281%20C3.02021387%2C10.3352703%203.28805404%2C9.99835069%203.61615055%2C9.71558982%20C3.94424705%2C9.43206183%204.29761731%2C9.20069808%204.6756449%2C9.02027118%20C5.05428892%2C8.84045797%205.49919949%2C8.69854055%206.01145538%2C8.59543946%20C6.52371127%2C8.49172468%207.03966576%2C8.42038241%207.5585483%2C8.38018526%20C8.07743084%2C8.34014153%208.66504568%2C8.32034981%209.32108458%2C8.32034981%20L11.5713735%2C8.32034981%20L11.5713735%2C10.8805401%20C11.5713735%2C11.053756%2011.6351744%2C11.2036515%2011.7621596%2C11.3300731%20C11.8891448%2C11.4571083%2012.040325%2C11.520626%2012.2143132%2C11.520626%20C12.3883015%2C11.520626%2012.5387111%2C11.4571083%2012.6663128%2C11.3300731%20L17.8090599%2C6.21015285%20C17.9361992%2C6.08373128%2018%2C5.9338358%2018%2C5.76000614%20C18%2C5.58679017%2017.9361992%2C5.43704812%2017.8090599%2C5.31001285%20L12.6663128%2C0.19009263%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 18px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-sendtofriend-icon-container {
  width: 18px;
  height: 16px;
  display: inline-flex;
  align-self: center; }

.key-shoppingcart-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2218%22%20viewBox%3D%220%200%2022%2018%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.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%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 22px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-shoppingcart-icon-container {
  width: 22px;
  height: 18px;
  display: inline-flex;
  align-self: center; }

.key-shoppingcart-white-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2218%22%20viewBox%3D%220%200%2022%2018%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.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%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 22px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-shoppingcart-white-icon-container {
  width: 22px;
  height: 18px;
  display: inline-flex;
  align-self: center; }

.key-slidearrow-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2211%22%20viewBox%3D%220%200%207%2011%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20d%3D%22M7%205.113S1.687%209.431.6%2010.17L0%209.684l3.386-4.57L0%20.485.6%200C1.5.618%207%205.113%207%205.113z%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 7px;
  height: 11px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-slidearrow-icon-container {
  width: 7px;
  height: 11px;
  display: inline-flex;
  align-self: center; }

.key-slider-button-default-left-icon, .arrows-left-right .icon-left, .asset-detail .arrows-container a .icon-left, .preview-container .arrows-container a .icon-left, .arrows-left-right .icon-left:focus, .slider .slick-arrow.slick-prev, .slider .slick-arrow.slick-prev:focus {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EAD8C00F3-90A2-4858-83DE-2B31B97E2EA5%3C%2Ftitle%3E%3Cdefs%3E%3Ccircle%20id%3D%22b%22%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(3%202)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23a)%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M17%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%22%20fill%3D%22%23000%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-slider-button-default-right-icon, .arrows-left-right .icon-right, .asset-detail .arrows-container a .icon-right, .preview-container .arrows-container a .icon-right, .arrows-left-right .icon-right:focus, .slider .slick-arrow.slick-next, .slider .slick-arrow.slick-next:focus {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EF42CA89E-9AB6-48CA-AC16-4528129F572F%3C%2Ftitle%3E%3Cdefs%3E%3Ccircle%20id%3D%22b%22%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(3%202)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23a)%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M31.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%22%20fill%3D%22%23000%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-slider-button-inactive-left-icon, .slider .slick-arrow.slick-prev.slick-disabled, .slider .slick-arrow.slick-prev.slick-disabled:hover {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E6245D8D7-C743-4A18-8DC3-5201D8B2E471%3C%2Ftitle%3E%3Cdefs%3E%3Ccircle%20id%3D%22b%22%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.4%22%3E%3Cg%20transform%3D%22translate(2%202)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23a)%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M16%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%22%20fill%3D%22%23888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-slider-button-inactive-right-icon, .slider .slick-arrow.slick-next.slick-disabled, .slider .slick-arrow.slick-next.slick-disabled:hover {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3E71A79206-59AA-4072-B357-DF54DBB9F119%3C%2Ftitle%3E%3Cdefs%3E%3Ccircle%20id%3D%22b%22%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.4%22%3E%3Cg%20transform%3D%22translate(2%202)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23a)%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M30.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%22%20fill%3D%22%23888%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  width: 48px;
  height: 48px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-slider-button-mouseover-left-icon, .arrows-left-right .icon-left:hover, .asset-detail .arrows-container a .icon-left:hover, .preview-container .arrows-container a .icon-left:hover, .slider .slick-arrow.slick-prev:hover {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EFB2C3E75-FC35-4861-95F7-92CD4641BA56%3C%2Ftitle%3E%3Cdefs%3E%3Ccircle%20id%3D%22b%22%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.395748415%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(3%202)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23a)%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M17%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%22%20fill%3D%22%23000%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-slider-button-mouseover-right-icon, .arrows-left-right .icon-right:hover, .asset-detail .arrows-container a .icon-right:hover, .preview-container .arrows-container a .icon-right:hover, .slider .slick-arrow.slick-next:hover {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Ctitle%3EDA358110-D8B7-47EA-97EA-3CEEEC2D4B24%3C%2Ftitle%3E%3Cdefs%3E%3Ccircle%20id%3D%22b%22%20cx%3D%2221%22%20cy%3D%2221%22%20r%3D%2221%22%2F%3E%3Cfilter%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20filterUnits%3D%22objectBoundingBox%22%20id%3D%22a%22%3E%3CfeOffset%20dx%3D%221%22%20dy%3D%222%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.395748415%200%22%20in%3D%22shadowBlurOuter1%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate(3%202)%22%3E%3Cuse%20fill%3D%22%23000%22%20filter%3D%22url(%23a)%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M31.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%22%20fill%3D%22%23000%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  width: 50px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-slideshow-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2223px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2023%2015%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2044.1%20(41455)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E75E17C13-53EB-4A31-8AAB-369F60AFFC79%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fslideshow%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-1%22%20points%3D%222.47596154%2013.5380769%203.39826923%2013.5380769%203.39826923%201.23038462%202.47596154%201.23038462%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-2%22%20points%3D%2218.8132692%2013.5380769%2019.7355769%2013.5380769%2019.7355769%201.23038462%2018.8132692%201.23038462%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-3%22%20points%3D%2221.2892308%2012.3076923%2022.2115385%2012.3076923%2022.2115385%202.46076923%2021.2892308%202.46076923%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-4%22%20points%3D%220%2012.3076923%200.922307692%2012.3076923%200.922307692%202.46076923%200%202.46076923%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-5%22%20points%3D%224.95192308%2014.7684615%2017.2592308%2014.7684615%2017.2592308%200%204.95192308%200%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 23px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-slideshow-icon-container {
  width: 23px;
  height: 15px;
  display: inline-flex;
  align-self: center; }

.key-suchkriterien-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2217%22%20viewBox%3D%220%200%2018%2017%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.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.895M16.82%209.395H1.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.895M16.82%2015.479H1.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%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M7.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.32M14.967%208.463a2.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.32M7.552%2014.606a2.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%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 18px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-suchkriterien-icon-container {
  width: 18px;
  height: 17px;
  display: inline-flex;
  align-self: center; }

.key-suchprofil-active-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2243px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2043%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fsuchprofil_active%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill%3D%22%23000000%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2243%22%20height%3D%2222%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20id%3D%22SP%22%20font-family%3D%22Replica-Bold%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20letter-spacing%3D%220.300000012%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2223%22%20y%3D%2215%22%3ES%3C%2Ftspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2230.56%22%20y%3D%2215%22%3EP%3C%2Ftspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fpin_small%22%20transform%3D%22translate(11.500000%2C%2011.500000)%20rotate(-360.000000)%20translate(-11.500000%2C%20-11.500000)%20translate(5.000000%2C%205.000000)%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-1%22%20points%3D%220.314306295%2012.433284%200.44052192%2012.5899867%204.89115862%208.70544617%204.23138452%208.04283656%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-2%22%20points%3D%229.78196007%200%205.57142857%203.78889489%209.08656874%207.31888288%2012.8603615%203.09204805%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4.40922987%2C3.64603043%20C3.2118923%2C3.39133974%202.09764862%2C3.60074514%201.36325721%2C4.34018358%20L8.53483995%2C11.5404659%20C9.26829815%2C10.803604%209.4794352%2C9.68470611%209.22653735%2C8.48351391%20L4.40922987%2C3.64603043%20Z%22%20id%3D%22Fill-3%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 43px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-suchprofil-active-icon-container {
  width: 43px;
  height: 22px;
  display: inline-flex;
  align-self: center; }

.key-suchprofil-inactive-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2243px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2043%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fsuchprofil_inactive%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle%22%20fill%3D%22%23FFFFFF%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2243%22%20height%3D%2222%22%3E%3C%2Frect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctext%20id%3D%22SP%22%20font-family%3D%22Replica-Bold%22%20font-size%3D%2211%22%20font-weight%3D%22bold%22%20letter-spacing%3D%220.300000012%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2223%22%20y%3D%2215%22%3ES%3C%2Ftspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Ctspan%20x%3D%2230.56%22%20y%3D%2215%22%3EP%3C%2Ftspan%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Ftext%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fpin_small%22%20transform%3D%22translate(11.500000%2C%2011.500000)%20rotate(-360.000000)%20translate(-11.500000%2C%20-11.500000)%20translate(5.000000%2C%205.000000)%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-1%22%20points%3D%220.314306295%2012.433284%200.44052192%2012.5899867%204.89115862%208.70544617%204.23138452%208.04283656%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Fill-2%22%20points%3D%229.78196007%200%205.57142857%203.78889489%209.08656874%207.31888288%2012.8603615%203.09204805%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4.40922987%2C3.64603043%20C3.2118923%2C3.39133974%202.09764862%2C3.60074514%201.36325721%2C4.34018358%20L8.53483995%2C11.5404659%20C9.26829815%2C10.803604%209.4794352%2C9.68470611%209.22653735%2C8.48351391%20L4.40922987%2C3.64603043%20Z%22%20id%3D%22Fill-3%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 43px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-suchprofil-inactive-icon-container {
  width: 43px;
  height: 22px;
  display: inline-flex;
  align-self: center; }

.key-triangledown-white-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2210px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2010%2010%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3EDEE65F09-033C-431B-B53C-1ABAD833BAF8%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Ftriangledown_white%22%20fill%3D%22%23FFFFFF%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(0.000000%2C%202.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%220%200%2010%202.17528256e-15%204.94995117%206%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-triangledown-icon, .key-form-control-select {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2210px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2010%2010%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E008853AB-E3BC-498B-8160-2B8266DF2A09%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Ftriangledown%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20points%3D%220%202%2010%202%204.94995117%208%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-triangleright-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2210px%22%20height%3D%2210px%22%20viewBox%3D%220%200%2010%2010%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Ftriangleright%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20transform%3D%22translate(6.000000%2C%205.000000)%20rotate(-89.000000)%20translate(-6.000000%2C%20-5.000000)%20%22%20points%3D%221%202%2011%202%205.94995117%208%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 10px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-triangleright-icon-container {
  width: 10px;
  height: 10px;
  display: inline-flex;
  align-self: center; }

.key-user-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20id%3D%22user%22%20width%3D%2219px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2019%2017%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fuser%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.556532%2C17%20L18.556532%2C17%20L18.556532%2C16.4015006%20C18.556532%2C14.3376306%2016.0391918%2C13.5843599%2014.6903867%2C13.0361802%20C14.2026922%2C12.8394759%2013.2820281%2C12.4201451%2012.3388303%2C11.9848035%20C12.0185293%2C11.8361317%2011.732029%2C11.4427231%2011.6942045%2C11.106496%20L11.5903883%2C10.1298365%20C12.3138822%2C9.49245363%2012.9641415%2C8.60499715%2013.0743959%2C7.61613886%20L13.2377654%2C7.61613886%20C13.4928795%2C7.61613886%2013.7343124%2C7.43468298%2013.7721369%2C7.21129402%20L14.0304701%2C5.71313939%20C14.0618564%2C5.39444798%2013.7439697%2C5.20079338%2013.4864413%2C5.20079338%20C13.4928795%2C5.16800934%2013.498513%2C5.13522529%2013.5017321%2C5.1085406%20C13.5363375%2C4.92937198%2013.5556521%2C4.75706514%2013.5677237%2C4.58704556%20C13.5838193%2C4.44981002%2013.59911%2C4.31028722%2013.6023291%2C4.16390265%20C13.6304963%2C3.45866446%2013.5049512%2C2.83881728%2013.2940998%2C2.49344118%20C13.0840532%2C2.01082954%2012.7597283%2C1.54041661%2012.3138822%2C1.13862145%20C11.0624551%2C0.0186269708%209.61627207%2C-0.415952234%208.38094044%2C0.482940542%20C7.54155875%2C0.346467423%206.54202658%2C0.70937918%205.81853269%2C1.51068224%20C5.42580185%2C1.94831112%205.18034508%2C2.44845842%205.0741146%2C2.9402191%20C4.979151%2C3.2467118%204.91959755%2C3.61953501%204.9043068%2C4.01828049%20C4.88499217%2C4.46810809%204.93247397%2C4.87600261%205.02019459%2C5.20689274%20C4.77554259%2C5.22137871%204.52686672%2C5.41198363%204.52686672%2C5.71618907%20L4.78117603%2C7.21129402%20C4.81900051%2C7.43468298%205.06123818%2C7.61613886%205.3187666%2C7.61613886%20L5.46362633%2C7.61613886%20C5.69620669%2C8.68505122%206.29656981%2C9.56335866%206.95970549%2C10.1771065%20L6.85910845%2C11.120982%20C6.82450307%2C11.4579715%206.53558837%2C11.8506176%206.21770173%2C12.0000519%20C5.30347585%2C12.4224324%204.40454072%2C12.8280396%203.86695015%2C13.0392299%20C2.59620836%2C13.5340402%200%2C14.3376306%200%2C16.4015006%20L0%2C17%20L18.556532%2C17%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 19px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-user-icon-container {
  width: 19px;
  height: 17px;
  display: inline-flex;
  align-self: center; }

.key-youtube-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2219px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2019%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E4C5E03DC-5A94-4BAE-BB89-2E9AF56A93B1%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Fyoutube%22%20fill%3D%22%23F1F1F1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M4.38386058%2C8.613%20L5.70591987%2C8.613%20L5.7071253%2C3.97833333%20L7.26906587%2C0.00825%20L5.82344964%2C0.00825%20L4.99230318%2C2.95655556%20L4.15060919%2C0%20L2.71915681%2C0%20L4.38144972%2C3.98047222%20L4.38386058%2C8.613%20Z%20M8.26143906%2C6.98836111%20C8.26143906%2C7.33088889%208.51337468%2C7.61016667%208.81955481%2C7.61016667%20C9.12543358%2C7.61016667%209.37495833%2C7.33088889%209.37495833%2C6.98836111%20L9.37495833%2C3.77177778%20C9.37495833%2C3.43047222%209.12543358%2C3.15088889%208.81955481%2C3.15088889%20C8.51337468%2C3.15088889%208.26143906%2C3.43047222%208.26143906%2C3.77177778%20L8.26143906%2C6.98836111%20Z%20M7.16419314%2C4.58822222%20C7.16419314%2C4.00797222%207.21271185%2C3.55575%207.30673566%2C3.2285%20C7.40196492%2C2.90277778%207.57404056%2C2.64152778%207.82235988%2C2.44444444%20C8.06947376%2C2.24644444%208.38620144%2C2.14713889%208.77224154%2C2.14713889%20C9.09620182%2C2.14713889%209.3737529%2C2.21161111%209.60579887%2C2.33811111%20C9.83995434%2C2.46461111%2010.0189612%2C2.62930556%2010.1437236%2C2.83341667%20C10.2708968%2C3.03752778%2010.356784%2C3.24775%2010.4037959%2C3.46255556%20C10.4499037%2C3.68102778%2010.4734097%2C4.00919444%2010.4734097%2C4.45194444%20L10.4734097%2C5.98094444%20C10.4734097%2C6.54072222%2010.4511092%2C6.95383333%2010.4086176%2C7.21508333%20C10.3661261%2C7.47786111%2010.2745131%2C7.72138889%2010.1319706%2C7.94933333%20C9.99183897%2C8.17605556%209.81192801%2C8.34441667%209.59284046%2C8.45166667%20C9.37164339%2C8.56166667%209.11850234%2C8.61391667%208.83251322%2C8.61391667%20C8.51337468%2C8.61391667%208.24365892%2C8.56991667%208.02246185%2C8.4755%20C7.80005936%2C8.38383333%207.62798371%2C8.24297222%207.50563221%2C8.05658333%20C7.38207526%2C7.8705%207.29498269%2C7.64377778%207.24194361%2C7.37977778%20C7.18890453%2C7.11486111%207.16419314%2C6.71733333%207.16419314%2C6.18872222%20L7.16419314%2C4.58822222%20Z%20M11.4115384%2C8.00188889%20C11.4763304%2C8.16047222%2011.5763814%2C8.29063889%2011.7141022%2C8.38841667%20C11.8482067%2C8.48527778%2012.0214878%2C8.53294444%2012.228521%2C8.53294444%20C12.4099387%2C8.53294444%2012.56996%2C8.48405556%2012.7100917%2C8.38138889%20C12.8490179%2C8.27872222%2012.9665477%2C8.12716667%2013.0620783%2C7.92427778%20L13.0385724%2C8.42416667%20L14.4404916%2C8.42416667%20L14.4404916%2C2.38119444%20L13.3375199%2C2.38119444%20L13.3375199%2C7.084%20C13.3375199%2C7.33944444%2013.1301853%2C7.54691667%2012.8770443%2C7.54691667%20C12.62541%2C7.54691667%2012.4180754%2C7.33944444%2012.4180754%2C7.084%20L12.4180754%2C2.38119444%20L11.2668863%2C2.38119444%20L11.2668863%2C6.45730556%20C11.2668863%2C6.97644444%2011.2762285%2C7.32263889%2011.2915977%2C7.49802778%20C11.306967%2C7.67219444%2011.3467463%2C7.83933333%2011.4115384%2C8.00188889%20L11.4115384%2C8.00188889%20Z%20M16.2474366%2C17.8343611%20L15.3044861%2C17.8404722%20C15.3032807%2C17.8774444%2015.3020753%2C17.9214444%2015.3020753%2C17.9694167%20L15.3020753%2C18.5029167%20C15.3020753%2C18.788%2015.0691252%2C19.0196111%2014.786451%2C19.0196111%20L14.6017184%2C19.0196111%20C14.3193455%2C19.0196111%2014.0860941%2C18.788%2014.0860941%2C18.5029167%20L14.0860941%2C17.0991944%20L16.2450257%2C17.0991944%20L16.2450257%2C16.2757222%20C16.2450257%2C15.6740833%2016.2296564%2C15.0724444%2016.1814391%2C14.7274722%20C16.0262395%2C13.6390833%2014.5194475%2C13.4658333%2013.7576135%2C14.0234722%20C13.5186363%2C14.1976389%2013.3363144%2C14.4304722%2013.2302363%2C14.7442778%20C13.1232541%2C15.0568611%2013.070215%2C15.4843333%2013.070215%2C16.0285278%20L13.070215%2C17.83925%20C13.070215%2C20.8505%2016.6771736%2C20.4245556%2016.2474366%2C17.8343611%20L16.2474366%2C17.8343611%20Z%20M12.3119973%2C18.238%20L12.3098878%2C15.1989444%20C12.3086823%2C14.0424167%2011.4540299%2C13.3491111%2010.2944028%2C14.2847222%20L10.30043%2C12.0263611%20L9.04436817%2C12.0288056%20L9.03834101%2C19.8241389%20L10.0707949%2C19.8085556%20L10.1648187%2C19.3227222%20C11.4844671%2C20.5510556%2012.3144081%2C19.7095556%2012.3119973%2C18.238%20L12.3119973%2C18.238%20Z%20M8.28976675%2C14.058%20L7.03249952%2C14.058%20L7.03249952%2C17.7078611%20C7.03249952%2C18.2355556%207.06414216%2C18.49925%207.03129409%2C18.5924444%20C6.92883224%2C18.8750833%206.4698634%2C19.1760556%206.28965108%2C18.6233056%20C6.26011796%2C18.52675%206.28603478%2C18.2343333%206.28603478%2C17.7329167%20L6.2815144%2C14.058%20L5.03117842%2C14.058%20L5.03479472%2C17.6745556%20C5.03600015%2C18.2294444%205.02183631%2C18.6425556%205.03961645%2C18.8310833%20C5.07005365%2C19.1629167%205.05830067%2C19.5494444%205.36206994%2C19.7703611%20C5.92832236%2C20.1834722%207.01260987%2C19.7083333%207.28322971%2C19.1173889%20L7.28081884%2C19.8718056%20L8.29097219%2C19.8730278%20L8.29097219%2C14.058%20L8.28976675%2C14.058%20Z%20M3.76939081%2C19.87425%20L3.76939081%2C13.0398889%20L5.27738823%2C13.0398889%20L5.27738823%2C12.0275833%20L1.25726723%2C12.0217778%20L1.25726723%2C13.0172778%20L2.51212359%2C13.0206389%20L2.51212359%2C19.87425%20L3.76939081%2C19.87425%20Z%20M18.0815037%2C12.6817778%20L18.0815037%2C19.1699444%20C18.0815037%2C20.7264444%2016.7501024%2C22%2015.1233697%2C22%20L2.95813401%2C22%20C1.33019596%2C22%200%2C20.7264444%200%2C19.1699444%20L0%2C12.6817778%20C0%2C11.1252778%201.33019596%2C9.85172222%202.95813401%2C9.85172222%20L15.1233697%2C9.85172222%20C16.7501024%2C9.85172222%2018.0815037%2C11.1252778%2018.0815037%2C12.6817778%20L18.0815037%2C12.6817778%20Z%20M10.8278072%2C14.5890556%20C10.5264488%2C14.5890556%2010.2790335%2C14.7956111%2010.2790335%2C15.0473889%20L10.2790335%2C18.4573889%20C10.2790335%2C18.7091667%2010.5264488%2C18.9145%2010.8278072%2C18.9145%20C11.1315764%2C18.9145%2011.3786903%2C18.7091667%2011.3786903%2C18.4573889%20L11.3786903%2C15.0473889%20C11.3786903%2C14.7956111%2011.1315764%2C14.5890556%2010.8278072%2C14.5890556%20L10.8278072%2C14.5890556%20Z%20M15.295144%2C16.0917778%20L14.1038743%2C16.0917778%20L14.1096001%2C15.3911389%20C14.1096001%2C15.0797778%2014.3615357%2C14.8243333%2014.6701267%2C14.8243333%20L14.7466717%2C14.8243333%20C15.0549614%2C14.8243333%2015.3081024%2C15.0797778%2015.3081024%2C15.3911389%20L15.295144%2C16.0917778%20Z%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 19px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-youtube-icon-container {
  width: 19px;
  height: 22px;
  display: inline-flex;
  align-self: center; }

.key-infographic-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2017%2017%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C0L0%2C17L17%2C17L17%2C15.057L1.943%2C15.057L1.943%2C0L0%2C0Z%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.093%2C3.021L12.123%2C7.501L9.99%2C6.969L7.321%2C9.176L3.135%2C6.713L3.135%2C13.788L16.093%2C13.788L16.093%2C3.021Z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 17px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-video-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2022%2013%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M15.5%2C10.67C15.5%2C10.284%2015.183%2C9.967%2014.797%2C9.967L9.172%2C9.967C8.786%2C9.967%208.469%2C10.284%208.469%2C10.67C8.469%2C11.056%208.786%2C11.373%209.172%2C11.373L14.797%2C11.373C15.183%2C11.373%2015.5%2C11.056%2015.5%2C10.67ZM16.906%2C4.036L16.906%2C11.373C16.906%2C12.15%2016.277%2C12.779%2015.5%2C12.779L5.657%2C12.779L5.656%2C12.779C4.885%2C12.779%204.251%2C12.145%204.251%2C11.374L4.251%2C11.373L4.251%2C5.442L11.281%2C5.442C12.824%2C5.44%2014.092%2C4.172%2014.094%2C2.629L15.5%2C2.629C16.277%2C2.629%2016.906%2C3.259%2016.906%2C4.036ZM0%2C4.805L2.336%2C3.203L2.336%2C1.602L0%2C0L0%2C4.805ZM11.557%2C4.475C12.334%2C4.475%2012.962%2C3.846%2012.962%2C3.069L12.962%2C1.663C12.962%2C0.886%2012.334%2C0.257%2011.557%2C0.257L4.526%2C0.257C3.748%2C0.257%203.12%2C0.886%203.12%2C1.663L3.12%2C3.07C3.12%2C3.847%203.749%2C4.476%204.526%2C4.476L11.556%2C4.476L11.557%2C4.475ZM22%2C2.63L22%2C12.78L17.782%2C9.968L17.782%2C5.442L22%2C2.629L22%2C2.63Z%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 22px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-video-icon-container {
  width: 22px;
  height: 13px;
  display: inline-flex;
  align-self: center; }

.key-video-white-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2022%2013%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xml%3Aspace%3D%22preserve%22%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bstroke-linejoin%3Around%3Bstroke-miterlimit%3A1.41421%3B%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M15.5%2C10.67C15.5%2C10.284%2015.183%2C9.967%2014.797%2C9.967L9.172%2C9.967C8.786%2C9.967%208.469%2C10.284%208.469%2C10.67C8.469%2C11.056%208.786%2C11.373%209.172%2C11.373L14.797%2C11.373C15.183%2C11.373%2015.5%2C11.056%2015.5%2C10.67ZM16.906%2C4.036L16.906%2C11.373C16.906%2C12.15%2016.277%2C12.779%2015.5%2C12.779L5.657%2C12.779L5.656%2C12.779C4.885%2C12.779%204.251%2C12.145%204.251%2C11.374L4.251%2C11.373L4.251%2C5.442L11.281%2C5.442C12.824%2C5.44%2014.092%2C4.172%2014.094%2C2.629L15.5%2C2.629C16.277%2C2.629%2016.906%2C3.259%2016.906%2C4.036ZM0%2C4.805L2.336%2C3.203L2.336%2C1.602L0%2C0L0%2C4.805ZM11.557%2C4.475C12.334%2C4.475%2012.962%2C3.846%2012.962%2C3.069L12.962%2C1.663C12.962%2C0.886%2012.334%2C0.257%2011.557%2C0.257L4.526%2C0.257C3.748%2C0.257%203.12%2C0.886%203.12%2C1.663L3.12%2C3.07C3.12%2C3.847%203.749%2C4.476%204.526%2C4.476L11.556%2C4.476L11.557%2C4.475ZM22%2C2.63L22%2C12.78L17.782%2C9.968L17.782%2C5.442L22%2C2.629L22%2C2.63Z%22%20style%3D%22fill%3Awhite%3B%22%2F%3E%0A%3C%2Fsvg%3E');
  width: 22px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-video-white-icon-container {
  width: 22px;
  height: 13px;
  display: inline-flex;
  align-self: center; }

.key-printer-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3E64157FA9-BAA4-4E06-BCE0-22B938A5442F%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M4.357%201.09h8.39v2.097h1.049V1.09c0-.579-.47-1.049-1.049-1.049h-8.39c-.58%200-1.049.47-1.049%201.049v2.097h1.049V1.09zM14.845%207.383a1.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.285c0-.579-.47-1.049-1.05-1.049z%22%2F%3E%3Cpath%20d%3D%22M5.5%2014.049h5V13h-5zM5.5%2012.049h6V11h-6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  width: 17px;
  height: 17px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

.key-trash-black-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2216%22%20viewBox%3D%220%200%2014%2016%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M12.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%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 14px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-trash-black-icon-container {
  width: 14px;
  height: 16px;
  display: inline-flex;
  align-self: center; }

.key-warenkorb-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2218%22%20viewBox%3D%220%200%2022%2018%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17.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%200M17.837%2016.033a1.674%201.674%200%201%201-3.347.002%201.674%201.674%200%200%201%203.347-.002%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M18.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%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 22px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

.key-warenkorb-icon-container {
  width: 22px;
  height: 18px;
  display: inline-flex;
  align-self: center; }

.key-newlightbox-icon {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20id%3D%22a%22%20d%3D%22M.056%206.658H6.58V.129H.056z%22%2F%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%231D1C1B%22%20d%3D%22M.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%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cg%20transform%3D%22translate(10.85%2011.272)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22b%22%20fill%3D%22%23fff%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23a%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%231D1C1B%22%20d%3D%22M4.217%202.492H6.58v1.802H4.217v2.364H2.415V4.294H.055V2.492H2.42V.13H4.22v2.363z%22%20mask%3D%22url(%23b)%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }

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

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

.key-preview-black-icon, .key-preview-gray-icon {
  width: 20px;
  height: 20px; }

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

.key-letter-icon {
  display: inline-flex;
  align-self: center;
  margin-right: 11px; }

.key-phone-icon {
  margin-right: 11px; }

.key-arrow-small-icon {
  margin-right: 8px; }

.key-slider-button-mouseover-right-icon, .arrows-left-right .icon-right:hover, .asset-detail .arrows-container a .icon-right:hover, .preview-container .arrows-container a .icon-right:hover, .slider .slick-arrow.slick-next:hover {
  background-position-y: 1px;
  background-position-x: 2px; }

.key-slider-button-mouseover-left-icon, .arrows-left-right .icon-left:hover, .asset-detail .arrows-container a .icon-left:hover, .preview-container .arrows-container a .icon-left:hover, .slider .slick-arrow.slick-prev:hover {
  background-position-y: 1px;
  background-position-x: 0; }

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

.key-magnifier-white-icon {
  margin-right: 1px; }

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

/* Downloads */
.downloads .key-download-black-icon {
  margin-right: 10px; }

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

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

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

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

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

/* Overlay Login */
.form-meta-options .key-question-icon {
  margin-right: 8px;
  margin-left: 3px; }

/* icons for img preview and maxview page */
.arrows-left-right, .asset-detail .arrows-container a, .preview-container .arrows-container a {
  /* stylelint-disable scss/at-extend-no-missing-placeholder */
  /* stylelint-enable */ }
  .arrows-left-right .icon-right, .asset-detail .arrows-container a .icon-right, .preview-container .arrows-container a .icon-right,
  .arrows-left-right .icon-left,
  .asset-detail .arrows-container a .icon-left,
  .preview-container .arrows-container a .icon-left {
    width: 2.625rem;
    height: 2.625rem; }
    .arrows-left-right .icon-right:hover, .asset-detail .arrows-container a .icon-right:hover, .preview-container .arrows-container a .icon-right:hover,
    .arrows-left-right .icon-left:hover,
    .asset-detail .arrows-container a .icon-left:hover,
    .preview-container .arrows-container a .icon-left:hover {
      width: 2.75rem;
      height: 2.75rem; }
    @media (min-width: 768px) and (max-width: 992px) {
      .arrows-left-right .icon-right, .asset-detail .arrows-container a .icon-right, .preview-container .arrows-container a .icon-right,
      .arrows-left-right .icon-left,
      .asset-detail .arrows-container a .icon-left,
      .preview-container .arrows-container a .icon-left {
        margin: 0 1.25rem; } }

.add-to-lightbox .key-newlightbox-icon {
  margin-right: 0.625rem;
  align-self: flex-end; }

#banner.container-fluid,
#footer.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding: 0 1.875rem; }

@media (min-width: 768px) {
  .navbar-right {
    margin-right: 0; } }

.aspect-ratio .key-video-white-icon {
  margin-top: 5px; }

body {
  font-size: 0.875rem;
  overflow-x: hidden; }

.key-menu-icon-text {
  display: none; }

/* special breakpoint, because icon needs to be shown at 1280px */
@media (min-width: 1280px) {
  .key-menu-icon-text {
    display: inline;
    margin-left: 0.9375rem; } }

.datepicker-popover {
  z-index: 1010 !important; }

.gridzy.grid img {
  width: 100%;
  height: 100%;
  display: block; }

/* If the page is smaller than the desktop the browser doesn't have a scrollbar.
Gridzy calculates the width without scrollbar.
After it gets rendered the page is bigger than the desktop and a scrollbar comes.
The images are already calculated with the wrong width and set absolute.
So the images doesn't change anymore and the gridzy is 1 scrollbar too wide.
Setting the images with opacity:0 before loaded doesn't work. Even there is a scrollbar.
Maybe the rendering of the images is too slow */
.gridzy-unloaded {
  min-height: 100vh; }

.gridzyClassic.grid .gridzyItem,
.gridzyClassicLight.grid .gridzyItem {
  overflow: visible; }

.dropdown-toggle:focus {
  outline: none; }

.dot-ellipsis-2,
.dot-ellipsis-3,
.dot-ellipsis-5 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical; }

.dot-ellipsis-2 {
  -webkit-line-clamp: 2; }

.dot-ellipsis-3 {
  -webkit-line-clamp: 3; }

.dot-ellipsis-5 {
  -webkit-line-clamp: 5; }

.dot-ellipsis-input:focus ~ .show-more-button {
  outline: -webkit-focus-ring-color auto 5px; }

.dot-ellipsis-input:checked + .dot-ellipsis {
  -webkit-line-clamp: unset; }

.dot-ellipsis-input:checked ~ .show-more-button,
.dot-ellipsis:not(.truncated) ~ .show-more-button {
  display: none; }

/* Search Dropdown
The Portlet Content Padding and Margin can be changed in the portlet settings, but
in this case the override is used to get a consistent view for the search. The portlet padding
can still be overwritten by the portlet itself.
For the Portlet-Decorator "Key Portlet" the margin has to be removed on this search portlet. Also,
the Portlet-Decorator can be changed to one without margin if needed.
We set the default styling here just in case.
*/
.search-small .portlet-content {
  padding: 0; }

.search-small .key-portlet {
  margin: 0; }

/* 3. General styles sheets */
.portlet-asset-publisher .portlet-icon-back,
.portlet-asset-publisher .h2 {
  display: none; }

.portlet-layout .portlet-header {
  margin-bottom: 0; }

.dropdown,
.dropdown-toggle,
.collapse-toggle {
  display: flex;
  align-items: center; }

#signinmodal .modal-content, #signinmodal .modal-body {
  /* stylelint-disable-next-line declaration-no-important */
  height: auto !important; }

.modal-open #signinmodal.modal {
  overflow: visible; }

.portlet-barebone {
  margin-bottom: 0; }

.portlet {
  margin-bottom: 0; }

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

.dropdown-menu {
  font-size: 0.875rem;
  min-width: 0;
  max-height: none;
  border-radius: 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: 35px;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  max-width: 100%;
  margin-bottom: 60px;
  margin-top: 65px; }

/*Liferay Map*/
.lfr-map {
  min-height: 0;
  height: 180px; }

.wrapper .toggle-switch-check:empty ~ .toggle-switch-bar:before,
.wrapper label:not(.toggle-switch) .toggle-switch:empty ~ .toggle-switch-bar:before {
  border-color: #888;
  background-color: #888; }

.wrapper .toggle-switch-check:checked ~ .toggle-switch-bar:before,
.wrapper label:not(.toggle-switch) .toggle-switch:checked ~ .toggle-switch-bar:before {
  background-color: #000;
  border-radius: 20px;
  border: 2px solid #000; }

@media (min-width: 992px) {
  .wrapper .toggle-switch-check:focus ~ .toggle-switch-bar:before,
  .wrapper label:not(.toggle-switch) .toggle-switch:focus ~ .toggle-switch-bar:before {
    box-shadow: none; }
  .wrapper .toggle-switch-check:empty ~ .toggle-switch-bar:before,
  .wrapper label:not(.toggle-switch) .toggle-switch:empty ~ .toggle-switch-bar:before {
    width: 2rem; }
  .wrapper .toggle-switch-check:empty ~ .toggle-switch-bar,
  .wrapper label:not(.toggle-switch) .toggle-switch:empty ~ .toggle-switch-bar {
    height: 18px; }
  .wrapper .toggle-switch-check:empty ~ .toggle-switch-bar:after,
  .wrapper label:not(.toggle-switch) .toggle-switch:empty ~ .toggle-switch-bar:after {
    height: 0.875rem;
    left: 2px;
    top: 2px;
    width: 0.875rem; }
  .wrapper .toggle-switch-check:checked ~ .toggle-switch-bar:after,
  .wrapper label:not(.toggle-switch) .toggle-switch:checked ~ .toggle-switch-bar:after {
    left: 1rem; }
  .wrapper .toggle-switch-bar .toggle-switch-handle {
    min-width: 2rem; }
  .wrapper .toggle-switch-check:empty ~ .toggle-switch-bar .toggle-switch-handle:after,
  .wrapper label:not(.toggle-switch) .toggle-switch:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
    margin-left: 2rem; } }

.content form label,
.modal form label {
  font-weight: normal;
  margin: 0; }

.content form input,
.modal form input {
  height: auto;
  transition: none;
  margin: 0; }

.modal-header {
  height: auto;
  border: 0; }
  .modal-header .close > span {
    display: none; }

.modal-body,
.modal-header {
  background: #fff;
  border-radius: 0; }

.modal-body {
  overflow: hidden;
  padding: 0; }

.modal-full-screen .modal-content {
  border-radius: 0; }

.lfr-pagination-buttons.pager li {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  letter-spacing: 0.8px;
  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: 1px 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: 18px;
    line-height: 24px;
    letter-spacing: 0.8px;
    color: #000;
    margin-top: 0;
    margin-bottom: 1.3888em; }
  .portlet-forms .lfr-ddm-form-field-container {
    padding: 0; }

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

.content .lfr-nav-item a {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  background-color: #000;
  color: #fff;
  cursor: pointer; }

.content .lfr-nav-item.active.open > a,
.content .lfr-nav-item.selected > a,
.content .lfr-nav-item.open > a,
.content .lfr-nav-item:hover > a {
  text-decoration: none;
  cursor: pointer;
  background-color: #fff;
  color: #000;
  border-color: #979797 #979797 #fff; }

.content .nav-tabs {
  border-bottom: solid #888 1px;
  margin-bottom: 3rem;
  margin-right: 0; }
  @media (min-width: 992px) {
    .content .nav-tabs.nav {
      margin-left: auto;
      margin-right: auto; } }
  .content .nav-tabs > li {
    float: none;
    margin-bottom: 0;
    width: 100%; }
    @media (min-width: 992px) {
      .content .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        width: auto; } }
    .content .nav-tabs > li > a {
      margin-right: 0;
      text-transform: uppercase;
      border-radius: 0;
      padding-bottom: 0.375rem;
      padding-top: 0.375rem; }
      @media (min-width: 992px) {
        .content .nav-tabs > li > a {
          margin-right: 2px;
          border-top-color: transparent; } }
      .content .nav-tabs > li > a:hover, .content .nav-tabs > li > a:focus {
        outline: none;
        color: #000; }
      .content .nav-tabs > li > a a {
        border-top: 1px solid #fff; }
  @media (max-width: 991px) {
    .content .nav-tabs li + li  a {
      border-top-color: #fff; } }

.content .key-portlet .nav-tabs {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem; }
  @media (min-width: 992px) {
    .content .key-portlet .nav-tabs {
      margin-top: 0;
      margin-bottom: 0; } }

.modal.info-modal {
  display: none;
  /* stylelint-disable-next-line declaration-no-important */
  padding-right: 0 !important; }
  .modal.info-modal .modal-dialog {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    position: relative; }
    .modal.info-modal .modal-dialog.modal-sm {
      max-width: 300px; }
    .modal.info-modal .modal-dialog.modal-lg {
      max-width: 800px; }
    .modal.info-modal .modal-dialog.modal-full-screen {
      max-width: none; }
  .modal.info-modal .modal-content {
    padding: 1.4375rem 1.875rem;
    border-radius: 0; }
  .modal.info-modal .modal-header {
    padding: 0; }
  .modal.info-modal .modal-body {
    padding: 0;
    margin-top: 0.9375rem; }

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.4); }
  .modal-backdrop.in {
    opacity: 1; }

.yui3-skin-sam .yui3-calendar-day {
  padding: 5px 8px; }

.yui3-skin-sam .yui3-calendarnav-prevmonth {
  border: none;
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2212px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2012%2012%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E537DD00B-5B1B-4D29-9F94-725636CC5F48%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Farrow_small%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C5.94969231%20C0%2C9.2355%202.66388462%2C11.8997308%205.94969231%2C11.8997308%20C9.2355%2C11.8997308%2011.8997308%2C9.23573077%2011.8997308%2C5.94969231%20C11.8997308%2C2.664%209.2355%2C0%205.94969231%2C0%20C2.66388462%2C0%200%2C2.66411538%200%2C5.94969231%20Z%22%20id%3D%22Fill-1%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Path%22%20fill%3D%22%23FFFFFF%22%20points%3D%225.98765385%209.89284615%204.86565385%208.77084615%206.97765385%206.65896154%202.03284615%206.65896154%202.03284615%205.21723077%206.97765385%205.21723077%204.86565385%203.10534615%205.98765385%201.98334615%209.94234615%205.93815385%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  margin-left: 0; }

.yui3-skin-sam .yui3-calendarnav-nextmonth {
  border: none;
  background-image: url('data:image/svg+xml;charset=utf-8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2212px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2012%2012%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20sketchtool%2042%20(36781)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3E537DD00B-5B1B-4D29-9F94-725636CC5F48%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20sketchtool.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Symbols%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon%2Farrow_small%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M0%2C5.94969231%20C0%2C9.2355%202.66388462%2C11.8997308%205.94969231%2C11.8997308%20C9.2355%2C11.8997308%2011.8997308%2C9.23573077%2011.8997308%2C5.94969231%20C11.8997308%2C2.664%209.2355%2C0%205.94969231%2C0%20C2.66388462%2C0%200%2C2.66411538%200%2C5.94969231%20Z%22%20id%3D%22Fill-1%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpolygon%20id%3D%22Path%22%20fill%3D%22%23FFFFFF%22%20points%3D%225.98765385%209.89284615%204.86565385%208.77084615%206.97765385%206.65896154%202.03284615%206.65896154%202.03284615%205.21723077%206.97765385%205.21723077%204.86565385%203.10534615%205.98765385%201.98334615%209.94234615%205.93815385%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  margin-right: 0; }

.yui3-skin-sam .yui3-calendar-day-selected {
  background-color: #444;
  color: #fff; }

.yui3-skin-sam .yui3-calendar-day:hover {
  background-color: #d0d0d0;
  color: #000; }

.wrapper {
  display: flex;
  flex-direction: column; }
  .wrapper .key-portlet,
  .wrapper .key-title-portlet {
    margin-bottom: 3.5rem;
    margin-top: 1.875rem; }

.home-keyviz,
.header,
.content {
  width: 100%; }

@media (min-width: 992px) {
  .footer-upper {
    margin-top: 1.875rem; } }

@media (max-width: 991px) {
  .footer-under {
    margin-top: 1.875rem; } }

.portlet-column-content.empty {
  padding: 0; }

*:active, *:focus {
  outline: none; }

/* Headline */
.headline {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 35px;
  line-height: 38px;
  letter-spacing: 1px; }

/* Lead */
.lead-text {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.5px;
  color: #444; }

.link-portlet-title {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.8px;
  color: #000; }
  .link-portlet-title a {
    display: inline-flex; }
  .link-portlet-title .key-arrow-big-icon {
    margin-left: 6px; }

.yearlist {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  margin-bottom: 0.9375rem;
  border: none;
  padding-right: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../images/icons/triangledown.svg") no-repeat right 18px center; }

/* Image with Description and Link */
.image-information {
  display: flex;
  justify-content: space-between; }
  .image-information .description,
  .image-information .link {
    margin-top: 10px; }
  .image-information .description {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #444; }

/* Link with Icon and Text */
.link.call-to-action {
  text-align: right; }

.link [class*='icon'] {
  flex-shrink: 0; }

.link a {
  display: inline-flex; }

.link .text {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  color: #000; }
  .link .text:hover {
    color: #444; }

.lazyload {
  opacity: 0; }

.lazyloading {
  position: relative;
  opacity: 1;
  transition: opacity 200ms; }
  .lazyloading + .darken {
    background: none; }

/* Content */
.content,
.content p {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.5px;
  color: #444; }

/* Horizontal Rule */
hr {
  margin: 10px 0;
  border: 0;
  border-top: 1px solid #e3e3e3; }

/* Portlet Divider */
hr.portlet-divider {
  margin-top: 5.625rem;
  border: none;
  height: 1px;
  background: #d0d0d0;
  display: none; }

.home #content .portlet-column-only > .portlet-dropzone > .portlet-boundary:last-child hr.portlet-divider {
  display: none; }

.home #content .portlet-nested-portlets .portlet-content .portlet-content hr.portlet-divider {
  display: none; }

.home #content hr.portlet-divider {
  display: block; }

/* removes last portlet-divider on page */
#content .portlet-boundary:last-child hr.portlet-divider {
  display: none; }

/* Identical to bootstrap column except no width(no width is desired) */
.col {
  padding-left: 11px;
  padding-right: 11px; }
  @media (min-width: 768px) {
    .col {
      float: left; } }

/* Container abs for img */
.container-abs {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0; }
  .container-abs .spacing {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%; }
  .container-abs .flex-end {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%; }
  .container-abs .bottom {
    margin-top: auto; }

.blackbox {
  background: #000;
  padding: 5px;
  display: flex; }
  .blackbox .aspect-ratio {
    padding-bottom: 0; }

/* Button (This style works with all three cases that can be used. Input, anchor or button) */
.key-button, .portlet-forms .btn {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.5px;
  background-color: #000;
  display: inline-block;
  padding: 8px 32px;
  color: #fff;
  border: 0;
  text-transform: uppercase; }
  .key-button:not(:disabled):hover, .portlet-forms .btn:not(:disabled):hover, .key-button:not(:disabled):focus, .portlet-forms .btn:not(:disabled):focus {
    color: #fff;
    background-color: #444;
    text-decoration: none;
    cursor: pointer;
    outline: none; }
  .key-button:disabled, .portlet-forms .btn:disabled {
    opacity: 0.4; }
  .key-button.inverted:not(:disabled), .portlet-forms .inverted.btn:not(:disabled), .key-button.inverted:not(:disabled):hover, .portlet-forms .inverted.btn:not(:disabled):hover, .key-button.inverted:not(:disabled):focus, .portlet-forms .inverted.btn:not(:disabled):focus {
    background: #fff;
    color: #000;
    text-transform: none; }
  .key-button:focus, .portlet-forms .btn:focus {
    background-attachment: #000; }
  .key-button.small, .portlet-forms .small.btn {
    padding: 0.3125rem 0.875rem; }
  .key-button + .key-button, .portlet-forms .btn + .key-button, .portlet-forms .key-button + .btn, .portlet-forms .btn + .btn {
    margin-left: 16px; }

.btn-primary {
  border: 0; }
  .btn-primary:hover {
    background-color: #444; }

.content .btn-primary:focus, .content .btn-primary:active {
  box-shadow: none; }

.key-button-default-spaces {
  margin-top: 2.5rem; }

/* Portlet Header */
.portlet-header .title {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 35px;
  line-height: 38px;
  letter-spacing: 1px;
  margin-top: 4.0625rem;
  margin-bottom: 2.5rem;
  text-align: center;
  text-transform: uppercase;
  color: #000; }

.centered-lead-text {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.6px;
  text-align: center;
  color: #444;
  max-width: 891px;
  margin: 0 auto 2.5rem; }

.key-amount {
  font-family: "Replica-Italic", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.7px;
  color: #888; }

.text-color-white, .text-color-white:hover, .text-color-white:focus {
  color: #fff; }

.edit-icon {
  display: none; }

@media only screen and (max-width: 767px) {
  .controls-visible .edit-icon {
    display: block; } }

@media only screen and (min-width: 480px) {
  .portlet:hover .edit-icon {
    display: block; } }

.edit-icon-top-right {
  position: relative; }

.edit-icon-top-right .edit-icon {
  position: absolute;
  top: 0.3125rem;
  right: 1.1875rem; }

.textboxlistentry-remove {
  color: #000; }

.overlay-enter-active,
.overlay-leave-active {
  transition: all 0.5s ease-out; }

.overlay-enter,
.overlay-leave-to {
  opacity: 0; }

/* News and Events detail */
.news-events-detail .img-full-width {
  margin-bottom: 7.5rem; }

.news-events-detail .image-holder {
  margin-bottom: 90px; }

.key-state-tag {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 9px;
  letter-spacing: 0.5px;
  display: inline-flex;
  margin-left: 0.75rem;
  background: #000;
  border-radius: 3px;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 4px; }

span.deleteicon {
  position: relative;
  display: flex;
  width: 100%; }

span.deleteicon span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.625rem;
  cursor: pointer; }

span.deleteicon input {
  padding-right: 16px;
  box-sizing: border-box; }

.show-more-button {
  cursor: pointer;
  text-decoration: underline; }

.logo img {
  max-height: 1.75rem;
  width: auto;
  margin-top: 0.4375rem; }

.calendar-trigger {
  cursor: pointer; }

.portlet-journal-content .portlet .portlet-content-editable .portlet-header {
  z-index: 950; }

.portlet-content,
.portlet-minimized .portlet-content-container {
  padding: 12px 10px 10px; }

.basket-icon-x1 {
  font-size: 20px;
  color: black;
  text-decoration: none; }

.content .key-form .help-block,
.content .portlet-forms .help-block,
.modal .key-form .help-block,
.modal .portlet-forms .help-block,
.key-modal .key-form .help-block,
.key-modal .portlet-forms .help-block {
  line-height: 1;
  position: absolute; }

.content .key-form .form-group,
.content .portlet-forms .form-group,
.modal .key-form .form-group,
.modal .portlet-forms .form-group,
.key-modal .key-form .form-group,
.key-modal .portlet-forms .form-group {
  align-items: center;
  margin-bottom: 1.875rem; }

.content .key-form .form-bottom-border,
.content .portlet-forms .form-bottom-border,
.modal .key-form .form-bottom-border,
.modal .portlet-forms .form-bottom-border,
.key-modal .key-form .form-bottom-border,
.key-modal .portlet-forms .form-bottom-border {
  margin-bottom: 1.875rem;
  border-bottom: 1px solid #d0d0d0; }

.content .key-form .buttons-holder,
.content .portlet-forms .buttons-holder,
.modal .key-form .buttons-holder,
.modal .portlet-forms .buttons-holder,
.key-modal .key-form .buttons-holder,
.key-modal .portlet-forms .buttons-holder {
  display: flex;
  justify-content: flex-end; }

.content .key-form .lexicon-icon-asterisk,
.content .portlet-forms .lexicon-icon-asterisk,
.modal .key-form .lexicon-icon-asterisk,
.modal .portlet-forms .lexicon-icon-asterisk,
.key-modal .key-form .lexicon-icon-asterisk,
.key-modal .portlet-forms .lexicon-icon-asterisk {
  color: #000; }

.content .key-form label,
.content .portlet-forms label,
.modal .key-form label,
.modal .portlet-forms label,
.key-modal .key-form label,
.key-modal .portlet-forms label {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  color: #000;
  margin-bottom: 0.5rem; }

.content .key-form .has-success label,
.content .key-form .has-success .control-label,
.content .key-form .has-error label,
.content .key-form .has-error .control-label,
.content .portlet-forms .has-success label,
.content .portlet-forms .has-success .control-label,
.content .portlet-forms .has-error label,
.content .portlet-forms .has-error .control-label,
.modal .key-form .has-success label,
.modal .key-form .has-success .control-label,
.modal .key-form .has-error label,
.modal .key-form .has-error .control-label,
.modal .portlet-forms .has-success label,
.modal .portlet-forms .has-success .control-label,
.modal .portlet-forms .has-error label,
.modal .portlet-forms .has-error .control-label,
.key-modal .key-form .has-success label,
.key-modal .key-form .has-success .control-label,
.key-modal .key-form .has-error label,
.key-modal .key-form .has-error .control-label,
.key-modal .portlet-forms .has-success label,
.key-modal .portlet-forms .has-success .control-label,
.key-modal .portlet-forms .has-error label,
.key-modal .portlet-forms .has-error .control-label {
  color: #000; }

.content .key-form .has-success .form-control:focus,
.content .key-form .has-error .form-control:focus,
.content .portlet-forms .has-success .form-control:focus,
.content .portlet-forms .has-error .form-control:focus,
.modal .key-form .has-success .form-control:focus,
.modal .key-form .has-error .form-control:focus,
.modal .portlet-forms .has-success .form-control:focus,
.modal .portlet-forms .has-error .form-control:focus,
.key-modal .key-form .has-success .form-control:focus,
.key-modal .key-form .has-error .form-control:focus,
.key-modal .portlet-forms .has-success .form-control:focus,
.key-modal .portlet-forms .has-error .form-control:focus {
  box-shadow: none; }

.content .key-form input[type=text].inactive,
.content .key-form input[type=password].inactive,
.content .key-form input[type=textarea].inactive,
.content .key-form input[type=checkbox].inactive,
.content .key-form textarea.inactive,
.content .portlet-forms input[type=text].inactive,
.content .portlet-forms input[type=password].inactive,
.content .portlet-forms input[type=textarea].inactive,
.content .portlet-forms input[type=checkbox].inactive,
.content .portlet-forms textarea.inactive,
.modal .key-form input[type=text].inactive,
.modal .key-form input[type=password].inactive,
.modal .key-form input[type=textarea].inactive,
.modal .key-form input[type=checkbox].inactive,
.modal .key-form textarea.inactive,
.modal .portlet-forms input[type=text].inactive,
.modal .portlet-forms input[type=password].inactive,
.modal .portlet-forms input[type=textarea].inactive,
.modal .portlet-forms input[type=checkbox].inactive,
.modal .portlet-forms textarea.inactive,
.key-modal .key-form input[type=text].inactive,
.key-modal .key-form input[type=password].inactive,
.key-modal .key-form input[type=textarea].inactive,
.key-modal .key-form input[type=checkbox].inactive,
.key-modal .key-form textarea.inactive,
.key-modal .portlet-forms input[type=text].inactive,
.key-modal .portlet-forms input[type=password].inactive,
.key-modal .portlet-forms input[type=textarea].inactive,
.key-modal .portlet-forms input[type=checkbox].inactive,
.key-modal .portlet-forms textarea.inactive {
  opacity: 0.4; }

.content .key-form input[type=text],
.content .key-form input[type=password],
.content .key-form input[type=textarea],
.content .key-form textarea,
.content .portlet-forms input[type=text],
.content .portlet-forms input[type=password],
.content .portlet-forms input[type=textarea],
.content .portlet-forms textarea,
.modal .key-form input[type=text],
.modal .key-form input[type=password],
.modal .key-form input[type=textarea],
.modal .key-form textarea,
.modal .portlet-forms input[type=text],
.modal .portlet-forms input[type=password],
.modal .portlet-forms input[type=textarea],
.modal .portlet-forms textarea,
.key-modal .key-form input[type=text],
.key-modal .key-form input[type=password],
.key-modal .key-form input[type=textarea],
.key-modal .key-form textarea,
.key-modal .portlet-forms input[type=text],
.key-modal .portlet-forms input[type=password],
.key-modal .portlet-forms input[type=textarea],
.key-modal .portlet-forms textarea {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  padding: 0.7142em 1.0714em;
  border-radius: 0;
  border: solid #888 1px;
  display: block;
  width: 100%;
  background-color: transparent; }
  .content .key-form input[type=text]:focus,
  .content .key-form input[type=password]:focus,
  .content .key-form input[type=textarea]:focus,
  .content .key-form textarea:focus,
  .content .portlet-forms input[type=text]:focus,
  .content .portlet-forms input[type=password]:focus,
  .content .portlet-forms input[type=textarea]:focus,
  .content .portlet-forms textarea:focus,
  .modal .key-form input[type=text]:focus,
  .modal .key-form input[type=password]:focus,
  .modal .key-form input[type=textarea]:focus,
  .modal .key-form textarea:focus,
  .modal .portlet-forms input[type=text]:focus,
  .modal .portlet-forms input[type=password]:focus,
  .modal .portlet-forms input[type=textarea]:focus,
  .modal .portlet-forms textarea:focus,
  .key-modal .key-form input[type=text]:focus,
  .key-modal .key-form input[type=password]:focus,
  .key-modal .key-form input[type=textarea]:focus,
  .key-modal .key-form textarea:focus,
  .key-modal .portlet-forms input[type=text]:focus,
  .key-modal .portlet-forms input[type=password]:focus,
  .key-modal .portlet-forms input[type=textarea]:focus,
  .key-modal .portlet-forms textarea:focus {
    border-color: #000; }

.content .key-form .error input[type=text],
.content .key-form .error input[type=password],
.content .key-form .error input[type=textarea],
.content .key-form .error textarea,
.content .portlet-forms .error input[type=text],
.content .portlet-forms .error input[type=password],
.content .portlet-forms .error input[type=textarea],
.content .portlet-forms .error textarea,
.modal .key-form .error input[type=text],
.modal .key-form .error input[type=password],
.modal .key-form .error input[type=textarea],
.modal .key-form .error textarea,
.modal .portlet-forms .error input[type=text],
.modal .portlet-forms .error input[type=password],
.modal .portlet-forms .error input[type=textarea],
.modal .portlet-forms .error textarea,
.key-modal .key-form .error input[type=text],
.key-modal .key-form .error input[type=password],
.key-modal .key-form .error input[type=textarea],
.key-modal .key-form .error textarea,
.key-modal .portlet-forms .error input[type=text],
.key-modal .portlet-forms .error input[type=password],
.key-modal .portlet-forms .error input[type=textarea],
.key-modal .portlet-forms .error textarea {
  border-color: #dc3545; }

.content .key-form input[type=checkbox],
.content .portlet-forms input[type=checkbox],
.modal .key-form input[type=checkbox],
.modal .portlet-forms input[type=checkbox],
.key-modal .key-form input[type=checkbox],
.key-modal .portlet-forms input[type=checkbox] {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #888;
  margin-right: 0.625rem;
  display: inline-flex;
  align-self: center;
  justify-content: center; }
  .content .key-form input[type=checkbox]:checked:before,
  .content .portlet-forms input[type=checkbox]:checked:before,
  .modal .key-form input[type=checkbox]:checked:before,
  .modal .portlet-forms input[type=checkbox]:checked:before,
  .key-modal .key-form input[type=checkbox]:checked:before,
  .key-modal .portlet-forms input[type=checkbox]:checked:before {
    content: " ";
    width: 14px;
    height: 13px; }

.content .key-form input.toggle-switch:empty ~ .toggle-switch-bar,
.content .portlet-forms input.toggle-switch:empty ~ .toggle-switch-bar,
.modal .key-form input.toggle-switch:empty ~ .toggle-switch-bar,
.modal .portlet-forms input.toggle-switch:empty ~ .toggle-switch-bar,
.key-modal .key-form input.toggle-switch:empty ~ .toggle-switch-bar,
.key-modal .portlet-forms input.toggle-switch:empty ~ .toggle-switch-bar {
  display: flex;
  align-items: center; }
  .content .key-form input.toggle-switch:empty ~ .toggle-switch-bar .toggle-switch-handle:after,
  .content .portlet-forms input.toggle-switch:empty ~ .toggle-switch-bar .toggle-switch-handle:after,
  .modal .key-form input.toggle-switch:empty ~ .toggle-switch-bar .toggle-switch-handle:after,
  .modal .portlet-forms input.toggle-switch:empty ~ .toggle-switch-bar .toggle-switch-handle:after,
  .key-modal .key-form input.toggle-switch:empty ~ .toggle-switch-bar .toggle-switch-handle:after,
  .key-modal .portlet-forms input.toggle-switch:empty ~ .toggle-switch-bar .toggle-switch-handle:after {
    margin-left: 2.625rem; }

.content .key-form .input-checkbox-wrapper label,
.content .portlet-forms .input-checkbox-wrapper label,
.modal .key-form .input-checkbox-wrapper label,
.modal .portlet-forms .input-checkbox-wrapper label,
.key-modal .key-form .input-checkbox-wrapper label,
.key-modal .portlet-forms .input-checkbox-wrapper label {
  display: flex; }

.search-profile .key-form .form-group {
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
  flex-wrap: wrap; }

.search-profile .key-form .text-holder {
  color: #000; }

.search-profile .key-form .search-profile-input {
  margin-left: 0.3125rem;
  margin-right: 0.3125rem; }

.search-profile .key-form .search-profile-label,
.search-profile .key-form .error-msg,
.search-profile .key-form .search-facets-label,
.search-profile .key-form .pills-holder {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem; }

/* same styling for mediatype-select and period-select */
.key-select-dropdown {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  border: solid #888 1px;
  padding: 9px 40px 9px 18px;
  width: 100%;
  border-radius: 0;
  cursor: pointer;
  background: url("triangledown.svg") no-repeat right 18px center;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  .key-select-dropdown.inactive {
    opacity: 0.4; }
  .key-select-dropdown:hover {
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1); }
  .key-select-dropdown option {
    color: #444; }

/* same styling for mediatype-select and period-select */
.key-label {
  color: #444;
  margin-bottom: 0;
  cursor: pointer; }

/*wrapper here fot not override liferay things*/
.key-form-group {
  margin-bottom: 0;
  display: inline-flex;
  flex-shrink: 0; }

.key-form-control-select {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.875rem;
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-position: right 0.625rem center;
  background-repeat: no-repeat;
  background-size: 0.625rem;
  background-color: transparent;
  width: auto;
  height: 100%;
  border: none; }

.error .error-msg {
  display: block; }

.error-msg {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 11px;
  letter-spacing: 0.7px;
  color: #dc3545;
  display: none; }

/*
with Liferay 7.3 clay introduces box-shadow and background-color inside an "has-success"-class.
To prevent compatibility issues with other/old form-controls we add a new rule.
*/
.has-success .form-control, .has-success .form-control:focus {
  background-color: transparent;
  box-shadow: none;
  border-radius: 0; }

.form-control, .form-control:focus {
  background-color: transparent;
  box-shadow: none; }

.datepicker-popover {
  padding: 20px; }

.lfr-input-date .form-control {
  padding: 0;
  border: none; }

.lfr-input-date .form-control:disabled, .lfr-input-date .form-control[readonly] {
  background: transparent;
  color: #888; }

.has-success .form-control {
  border: solid #888 1px; }

.date-picker-border-div .form-control, .date-picker-border-div .form-control:focus {
  border: none; }

.toggle-switch-check:focus ~ .toggle-switch-bar::before,
label:not(.toggle-switch) .toggle-switch:focus ~ .toggle-switch-bar::before {
  box-shadow: none; }

.popover-trigger {
  display: inline-flex;
  align-items: center;
  margin-left: 0.3125rem;
  cursor: pointer; }

.wrapper .key-form-control {
  display: flex;
  flex-direction: row; }
  .wrapper .key-form-control.vertical {
    flex-direction: column; }
    .wrapper .key-form-control.vertical .key-form-control--label {
      width: 100%;
      margin-bottom: 0.375rem; }
  .wrapper .key-form-control label {
    font-size: 14px; }
  .wrapper .key-form-control--section {
    padding-top: 0.84375rem;
    padding-bottom: 0.84375rem; }
    .wrapper .key-form-control--section .form-group {
      margin-bottom: 0; }
  .wrapper .key-form-control--checkbox-input {
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #888;
    margin: 0 0.625rem 0 0;
    display: inline-flex;
    align-self: center;
    justify-content: center; }
    .wrapper .key-form-control--checkbox-input:checked:before {
      content: " ";
      width: 0.875rem;
      height: 0.8125rem; }
  .wrapper .key-form-control--radiobox {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.875rem; }
    .wrapper .key-form-control--radiobox .control-label {
      width: 100%; }
    .wrapper .key-form-control--radiobox label {
      display: flex;
      margin-right: 45px; }
  .wrapper .key-form-control--radiobutton {
    align-items: center;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem; }
    .wrapper .key-form-control--radiobutton-label.key-form-control--split {
      width: 85%;
      align-items: center;
      margin-bottom: 0; }
  .wrapper .key-form-control--radiobutton-input {
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 1.3125rem;
    height: 1.3125rem;
    border: 2px solid #888;
    margin: 0 0.625rem 0 0;
    display: inline-flex;
    align-self: center;
    justify-content: center;
    border-radius: 50%;
    flex-shrink: 0; }
    .wrapper .key-form-control--radiobutton-input:focus {
      outline: none; }
    .wrapper .key-form-control--radiobutton-input:checked:before {
      content: " ";
      width: 0.4375rem;
      height: 0.4375rem;
      top: 0.3125rem;
      border-radius: 50%;
      position: relative;
      background-color: #000; }
  .wrapper .key-form-control--regular-label {
    color: #000;
    display: flex;
    align-items: center; }
  .wrapper .key-form-control--label {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #000; }
  .wrapper .key-form-control--back-label {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.8px;
    color: #000;
    display: flex;
    margin-left: 0.5rem; }
  .wrapper .key-form-control--text-input {
    height: 2.5rem;
    padding: 0.3125rem; }
  .wrapper .key-form-control--subtitle {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #000;
    display: inline-flex;
    align-items: center; }
  .wrapper .key-form-control--split {
    display: flex;
    justify-content: space-between; }
  .wrapper .key-form-control--price-title {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    margin-bottom: 0.8125rem; }
  .wrapper .key-form-control--price-value {
    color: #000; }
  .wrapper .key-form-control--amount {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 24px;
    line-height: 1;
    letter-spacing: 1.1px;
    margin-right: 0.625rem; }
  .wrapper .key-form-control--currency {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.5px; }

/* General styling */
body {
  letter-spacing: 0.5px;
  overflow-wrap: break-word; }

/* Remove Dropdown-arrow on IE11 */
select {
  color: #444; }
  select::-ms-expand {
    display: none; }

button, select {
  cursor: pointer; }

label {
  font-weight: normal; }

.bootstrap-wrapper, .content .nav-tabs, .key-public-1-col .default-wc, .my-table-portlet {
  margin: auto;
  max-width: calc(1400px - 2 * 1.625rem); }

@media (min-width: 1024px) {
  .offset-grid {
    padding-left: 8.33333%;
    padding-right: 8.33333%; } }

@media (min-width: 1920px) {
  #banner.container-fluid,
  #banner .keystone-container-spacing,
  #content.container-fluid,
  #content .keystone-container-spacing,
  #footer .footer-upper.container-fluid,
  #footer .footer-upper .keystone-container-spacing,
  .home-keyviz.container-fluid,
  .home-keyviz .keystone-container-spacing,
  #footer .footer-under.container-fluid,
  #footer .footer-under .keystone-container-spacing {
    padding-left: 1.875rem;
    padding-right: 1.875rem; }
  .invert-keystone-container-spacing, .content .nav-tabs {
    margin-left: -1.875rem;
    margin-right: -1.875rem; }
  .home-keyviz {
    padding-top: 1.875rem; } }

@media (min-width: 1600px) and (max-width: 1919px) {
  #banner.container-fluid,
  #banner .keystone-container-spacing,
  #content.container-fluid,
  #content .keystone-container-spacing,
  #footer .footer-upper.container-fluid,
  #footer .footer-upper .keystone-container-spacing,
  .home-keyviz.container-fluid,
  .home-keyviz .keystone-container-spacing,
  #footer .footer-under.container-fluid,
  #footer .footer-under .keystone-container-spacing {
    padding-left: 1.75rem;
    padding-right: 1.75rem; }
  .invert-keystone-container-spacing, .content .nav-tabs {
    margin-left: -1.75rem;
    margin-right: -1.75rem; }
  .home-keyviz {
    padding-top: 1.75rem; } }

@media (min-width: 1400px) and (max-width: 1599px) {
  #banner.container-fluid,
  #banner .keystone-container-spacing,
  #content.container-fluid,
  #content .keystone-container-spacing,
  #footer .footer-upper.container-fluid,
  #footer .footer-upper .keystone-container-spacing,
  .home-keyviz.container-fluid,
  .home-keyviz .keystone-container-spacing,
  #footer .footer-under.container-fluid,
  #footer .footer-under .keystone-container-spacing {
    padding-left: 1.625rem;
    padding-right: 1.625rem; }
  .invert-keystone-container-spacing, .content .nav-tabs {
    margin-left: -1.625rem;
    margin-right: -1.625rem; }
  .home-keyviz {
    padding-top: 1.625rem; } }

@media (min-width: 1280px) and (max-width: 1399px) {
  #banner.container-fluid,
  #banner .keystone-container-spacing,
  #content.container-fluid,
  #content .keystone-container-spacing,
  #footer .footer-upper.container-fluid,
  #footer .footer-upper .keystone-container-spacing,
  .home-keyviz.container-fluid,
  .home-keyviz .keystone-container-spacing,
  #footer .footer-under.container-fluid,
  #footer .footer-under .keystone-container-spacing {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .invert-keystone-container-spacing, .content .nav-tabs {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  .home-keyviz {
    padding-top: 1.5rem; } }

@media (max-width: 1279px) {
  #banner.container-fluid,
  #banner .keystone-container-spacing,
  #banner .container-fluid-mobile,
  #content.container-fluid,
  #content .keystone-container-spacing,
  #content .container-fluid-mobile,
  #footer .footer-upper.container-fluid,
  #footer .footer-upper .keystone-container-spacing,
  #footer .footer-upper .container-fluid-mobile,
  .home-keyviz.container-fluid,
  .home-keyviz .keystone-container-spacing,
  .home-keyviz .container-fluid-mobile,
  #footer .footer-under.container-fluid,
  #footer .footer-under .keystone-container-spacing,
  #footer .footer-under .container-fluid-mobile {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .invert-keystone-container-spacing, .content .nav-tabs {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  .home-keyviz {
    padding-top: 1.5rem; } }

.img-zoom-target {
  transition: transform 0.5s; }

.img-zoom-trigger:hover .img-zoom-target {
  transform: scale(1.1); }

.img-zoom-target-container {
  overflow: hidden; }

.darken {
  background: rgba(0, 0, 0, 0.2); }

.more-darken {
  background: rgba(0, 0, 0, 0.4); }

html:not(.touch) .darken-hover-trigger:hover .image-effect-target {
  background: rgba(0, 0, 0, 0.4);
  opacity: 1; }
  html:not(.touch) .darken-hover-trigger:hover .image-effect-target-title, html:not(.touch) .darken-hover-trigger:hover .image-effect-target-text {
    display: block; }

html:not(.touch) .darken-hover-trigger:hover .image-effect-hover {
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 1; }

.image-effect-container {
  overflow: hidden;
  position: relative; }
  .image-effect-container .image-effect-background,
  .image-effect-container .image-effect-hover,
  .image-effect-container .image-effect-offline {
    position: absolute; }
  .image-effect-container .image-effect-background {
    background-color: #e3e3e3;
    z-index: 0; }
  .image-effect-container .image-effect-hover {
    background-color: transparent;
    opacity: 0;
    z-index: 10; }
  .image-effect-container .image-effect-offline {
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 20; }
  .image-effect-container.offline .image-effect-offline {
    background-image: repeating-linear-gradient(120deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) 34px, rgba(255, 255, 255, 0.5) 34px, rgba(255, 255, 255, 0.5) 68px);
    display: inline-block;
    opacity: 1; }

.image-effect-target {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }
  .image-effect-target-title, .image-effect-target-text {
    display: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    text-align: left; }
  .image-effect-target-title {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px; }
  .image-effect-target-text {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px; }

.gridzy .image-effect-container.offline:before {
  background-image: repeating-linear-gradient(120deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25) 34px, rgba(255, 255, 255, 0.5) 34px, rgba(255, 255, 255, 0.5) 68px);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0; }

.gridzy .image-effect-target {
  padding: 0.6875rem 1.25rem; }

.shadow-hover-trigger:hover .shadow-hover-target {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); }

.gradient {
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  background-image: linear-gradient(53deg, #fff, #000);
  opacity: 0.1; }

.key-aspect-ratio {
  padding-bottom: 100%;
  overflow: hidden; }
  .key-aspect-ratio .portrait-container {
    height: 100%; }

.key-aspect-ratio-center {
  display: flex;
  justify-content: center; }

.key-aspect-ratio .image-effect-container {
  bottom: 0;
  transform: translateX(-50%);
  left: 50%;
  position: absolute; }

/* List Search Profile  */
.search-profile--result h2 {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  margin-bottom: 1rem;
  color: #000; }
  @media (min-width: 768px) {
    .search-profile--result h2 {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 18px;
      line-height: 24px;
      letter-spacing: 0.8px;
      margin-bottom: 1.5625rem; } }

@media (max-width: 768px) {
  .list.search-profile .item {
    padding: 0; } }

.list.search-profile .search-profile--text-holder {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .list.search-profile .search-profile--text-holder {
      flex: 0 0 80%;
      max-width: 80%; } }

.list.search-profile .search-profile--header {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.6px;
  margin: 0.9090em 0;
  flex-direction: row;
  color: #000; }

.list.search-profile .search-profile--content {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (min-width: 768px) {
    .list.search-profile .search-profile--content {
      flex-direction: row;
      margin-bottom: 1.09375rem; } }

.list.search-profile .search-profile--topic {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  flex-direction: column;
  display: flex;
  color: #444;
  margin-bottom: 1.375rem; }
  @media (min-width: 768px) {
    .list.search-profile .search-profile--topic {
      margin-bottom: 0;
      flex: 0 0 25%;
      max-width: 25%; } }
  .list.search-profile .search-profile--topic label {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    margin: 0;
    padding: 0;
    color: #000; }
  @media (min-width: 768px) {
    .list.search-profile .search-profile--topic.half {
      flex: 0 0 50%;
      max-width: 50%; } }

.list.search-profile .search-profile--controls {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #000;
  text-align: center; }
  @media (min-width: 768px) {
    .list.search-profile .search-profile--controls {
      flex-direction: column;
      justify-content: center;
      flex: 0 0 20%;
      max-width: 20%; } }
  .list.search-profile .search-profile--controls .search-profile--control-item {
    margin: 0.53125rem 0;
    display: flex;
    flex: 0 0 40%;
    max-width: 40%; }
    @media (min-width: 768px) {
      .list.search-profile .search-profile--controls .search-profile--control-item {
        display: block;
        flex: initial;
        max-width: initial; } }

/* List Bordered (columns: Highlighted Text, Image, Standard Text) */
.list.bordered .item, .list.search-profile .item {
  border-top: 1px solid #d0d0d0; }

.list.bordered:last-child, .list.search-profile:last-child {
  border-bottom: 1px solid #d0d0d0; }

/* List Small (columns: Highlighted Text, Image, Standard Text) */
.list.list-sm .link {
  text-align: center; }
  @media (min-width: 992px) {
    .list.list-sm .link {
      text-align: left; } }
  .list.list-sm .link:hover {
    text-decoration: underline; }

.list.list-sm .item {
  padding: 0;
  margin-bottom: 25px; }
  @media (min-width: 768px) {
    .list.list-sm .item {
      height: 70px; } }
  .list.list-sm .item .date-special,
  .list.list-sm .item .img {
    width: 92px; }
  .list.list-sm .item .img,
  .list.list-sm .item .img img {
    height: 70px; }
  .list.list-sm .item .img img {
    object-fit: cover; }
  .list.list-sm .item:hover .date-special {
    border-color: #000; }
  .list.list-sm .item:hover .text-container .lead-text {
    color: #000; }
  .list.list-sm .item:hover .darken-hover:after {
    opacity: 1; }
  .list.list-sm .item .date-special {
    border: 1px solid #888;
    height: 100%;
    display: inline-block; }
    .list.list-sm .item .date-special .main {
      font-size: 30px;
      line-height: 28px;
      letter-spacing: 0.8px;
      margin-top: 5px; }
      @media (min-width: 768px) {
        .list.list-sm .item .date-special .main {
          margin-top: 10px; } }
    .list.list-sm .item .date-special .secondary {
      font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
      font-size: 16px;
      line-height: 22px;
      letter-spacing: 1px;
      color: #000; }
  @media (min-width: 768px) {
    .list.list-sm .item .text-container {
      padding-top: 0;
      padding-bottom: 0; } }
  .list.list-sm .item .text-container .title,
  .list.list-sm .item .text-container .lead-text {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px; }
  .list.list-sm .item .text-container .title {
    color: #000; }
  .list.list-sm .item .text-container .lead-text {
    color: #444; }

/* List (columns: Highlighted Text, Image, Standard Text) */
.list a {
  text-decoration: none; }

.list .img,
.list .img img {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  height: 143px; }

.list .img img {
  object-fit: cover; }

.list .date-special,
.list .img,
.list .text-container {
  margin-bottom: 10px; }
  @media (min-width: 768px) {
    .list .date-special,
    .list .img,
    .list .text-container {
      margin-bottom: 0; } }

.list .item {
  display: block;
  padding: 0.78125rem calc(22px/2); }
  @media (min-width: 768px) {
    .list .item {
      display: flex; } }
  .list .item .date-special {
    text-align: center;
    height: 100%; }
    @media (min-width: 768px) {
      .list .item .date-special {
        justify-content: center;
        flex-direction: column;
        display: flex; } }
    .list .item .date-special .title {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 12px;
      letter-spacing: 0.8px;
      line-height: 1;
      text-transform: uppercase;
      letter-spacing: 0.7px;
      color: #444;
      margin-bottom: 10px; }
    .list .item .date-special .main {
      font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
      font-size: 45px;
      line-height: 1;
      letter-spacing: 0.7px;
      color: #000; }
      .list .item .date-special .main span {
        display: inline-block;
        vertical-align: middle;
        line-height: normal; }
    .list .item .date-special .subtitle {
      font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
      font-size: 18px;
      line-height: 26px;
      letter-spacing: 0.6px;
      color: #444; }
  .list .item .text-container {
    justify-content: center;
    flex-direction: column;
    display: flex;
    text-align: center; }
    @media (min-width: 768px) {
      .list .item .text-container {
        padding-top: 9px;
        padding-bottom: 9px;
        text-align: left; } }
    .list .item .text-container .title {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 12px;
      line-height: 14px;
      letter-spacing: 0.8px;
      color: #000;
      text-transform: uppercase;
      margin-bottom: 0.5625rem; }
    .list .item .text-container .lead-text {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      color: #000; }
      @media (min-width: 1400px) {
        .list .item .text-container .lead-text {
          height: 40px; } }
    .list .item .text-container .key-clock-icon,
    .list .item .text-container .key-mappin-small-icon {
      margin-right: 10px; }
    .list .item .text-container .key-mappin-small-icon {
      width: 15px;
      background-position: 50% 50%; }
    .list .item .text-container .date,
    .list .item .text-container .location {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      color: #444;
      margin-top: 0.2857em;
      display: inline-flex; }
      @media (min-width: 768px) {
        .list .item .text-container .date,
        .list .item .text-container .location {
          display: flex; } }

.img-full-width {
  position: relative;
  color: #fff;
  /* Full Width Image */ }
  .img-full-width .container-abs .spacing {
    padding: 16px 21px 20px; }
    @media (min-width: 992px) {
      .img-full-width .container-abs .spacing {
        padding: 50px 0 64px 52px; } }
  .img-full-width .container-abs:hover, .img-full-width .container-abs:focus {
    text-decoration: none; }
  .img-full-width .container-abs .title, .img-full-width .container-abs .keyword, .img-full-width .container-abs .text {
    color: #fff; }
  .img-full-width .container-abs .text {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    display: inline; }
  .img-full-width.banner-small .container-abs .spacing {
    padding: 17px 17px 18px; }
    @media (min-width: 992px) {
      .img-full-width.banner-small .container-abs .spacing {
        padding: 50px 0 75px 52px; } }
  .img-full-width.banner-small .keyword {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px; }
    @media (min-width: 992px) {
      .img-full-width.banner-small .keyword {
        font-size: 16px;
        letter-spacing: 1px; } }
  .img-full-width.banner-small .title {
    font-family: "Catalog-Regular", "Georgia", "Times New Roman", "Times", serif;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.6px; }
    @media (min-width: 768px) {
      .img-full-width.banner-small .title {
        font-size: 34px;
        letter-spacing: 0.8px; } }
    @media (min-width: 992px) {
      .img-full-width.banner-small .title {
        font-family: "Catalog-Regular", "Georgia", "Times New Roman", "Times", serif;
        font-size: 44px;
        line-height: 50px;
        letter-spacing: 1px; } }
  @media (min-width: 768px) {
    .img-full-width .bottom {
      max-width: 90%; } }
  @media (min-width: 992px) {
    .img-full-width .bottom {
      max-width: 850px;
      width: 75%; } }
  .img-full-width,
  .img-full-width img {
    object-fit: cover;
    width: 100%;
    height: 251px; }
    @media (min-width: 992px) {
      .img-full-width,
      .img-full-width img {
        height: 750px; } }
  .img-full-width .keyword {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: 0.8px; }
    @media (min-width: 992px) {
      .img-full-width .keyword {
        font-size: 16px;
        letter-spacing: 1px; } }
  .img-full-width .date {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: 0.8px;
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .img-full-width .date {
        font-size: 16px;
        letter-spacing: 1px; } }
  .img-full-width .title {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 24px;
    letter-spacing: 0.6px;
    line-height: 1.14;
    margin-bottom: 6px; }
    @media (min-width: 768px) {
      .img-full-width .title {
        font-size: 34px;
        letter-spacing: 0.8px; } }
    @media (min-width: 992px) {
      .img-full-width .title {
        font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
        font-size: 44px;
        line-height: 50px;
        letter-spacing: 1px;
        margin-bottom: 10px; } }
  .img-full-width .counter {
    font-family: "Catalog-Italic", "Georgia", "Times New Roman", "Times", serif;
    font-size: 18px;
    letter-spacing: 0.5px; }
    @media (min-width: 768px) {
      .img-full-width .counter {
        font-family: "Catalog-Regular", "Georgia", "Times New Roman", "Times", serif;
        font-size: 22px;
        line-height: 28px;
        letter-spacing: 0.6px; } }

.home-keyviz .img-full-width,
.home-keyviz .img-full-width img {
  max-height: none;
  height: calc(100vh - 1.5rem - 5rem); }
  .mobile.safari .home-keyviz .img-full-width, .mobile.safari
  .home-keyviz .img-full-width img {
    height: calc(100vh - 1.5rem - 5rem - 69px); }
  .mobile.chrome .home-keyviz .img-full-width, .mobile.chrome
  .home-keyviz .img-full-width img {
    height: calc(100vh - 1.5rem - 5rem - 56px); }
  @media (min-width: 1280px) and (max-width: 1399px) {
    .home-keyviz .img-full-width,
    .home-keyviz .img-full-width img {
      height: calc(100vh - 1.5rem - 5rem); } }
  @media (min-width: 1400px) and (max-width: 1599px) {
    .home-keyviz .img-full-width,
    .home-keyviz .img-full-width img {
      height: calc(100vh - 1.625rem - 5rem); } }
  @media (min-width: 1600px) and (max-width: 1919px) {
    .home-keyviz .img-full-width,
    .home-keyviz .img-full-width img {
      height: calc(100vh - 1.75rem - 5rem); } }
  @media (min-width: 1920px) {
    .home-keyviz .img-full-width,
    .home-keyviz .img-full-width img {
      height: calc(100vh - 1.875rem - 5rem); } }

.table .main-title {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.8px;
  margin-bottom: 1.1em; }
  @media (min-width: 992px) {
    .table .main-title {
      margin-bottom: 1.4em; } }
  .table .main-title a {
    display: inline-flex; }

.table:last-child {
  border-bottom: 1px solid #e3e3e3; }

.table .full-date,
.table .weekday {
  margin-top: 1.875rem;
  padding-right: 0.625rem; }

.table .item {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  border-top: 1px solid #e3e3e3;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  display: flex; }
  .table .item .row {
    width: 100%; }

.table .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block; }

.table .col {
  display: flex;
  flex-grow: 0;
  flex-basis: auto;
  margin-bottom: 0;
  width: 100%; }
  .table .col a {
    width: 100%; }
  .table .col.icon-only {
    display: inline-block; }
  @media (min-width: 768px) {
    .table .col:not(:first-child) {
      border-left: 1px solid #e3e3e3; } }

.table .row-header {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

@media (min-width: 992px) {
  .table .theme {
    width: 174px; } }

.table .title {
  margin-bottom: 1.25rem; }
  @media (min-width: 992px) {
    .table .title {
      width: 416px;
      margin-bottom: 0; } }
  @media (min-width: 1400px) {
    .table .title {
      width: 516px; } }

@media (min-width: 992px) {
  .table .location {
    width: 217px; } }

@media (min-width: 1400px) {
  .table .location {
    width: 237px; } }

@media (min-width: 992px) {
  .table .date {
    width: 163px; } }

@media (min-width: 1400px) {
  .table .date {
    width: 263px; } }

@media (min-width: 768px) {
  .table .status {
    width: 120px; } }

@media (min-width: 768px) {
  .table .type {
    width: 150px; } }

.grid {
  margin-top: 0.875rem;
  margin-left: -7px;
  margin-right: -7px; }
  @media (min-width: 480px) {
    .grid {
      margin-top: 0; } }
  .grid .image-effect-container {
    width: 100%; }
  .grid.result-grid .asset-box, .grid.lightbox-grid .asset-box {
    height: 210px; }
  .grid.result-grid .image-effect-container, .grid.lightbox-grid .image-effect-container {
    display: flex;
    height: 100%;
    text-align: center; }
  .grid:not(.gridzy) {
    display: -ms-grid;
    display: grid; }
    .grid:not(.gridzy) .asset-cell {
      margin-left: 7px;
      margin-right: 7px;
      margin-top: 0.875rem;
      flex-grow: 1; }
  .grid.slider .asset-cell {
    margin-left: 0;
    margin-right: 14px; }
  .grid.slider, .grid.gridzy {
    margin-left: 0;
    margin-right: 0; }
  .grid .asset-info {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.7px;
    margin-bottom: 0.9375rem; }
  .grid .asset-link {
    display: block;
    height: 100%; }
  .grid.gridzy .asset-link {
    display: flex; }
  .grid.gridzy .asset-box {
    height: 100%; }
  .grid.gridzy.gridzy-loaded img {
    background: #e3e3e3; }
  .grid .asset-box {
    position: relative; }
    .grid .asset-box .top {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 13px;
      line-height: 20px;
      letter-spacing: 0.7px; }
    .grid .asset-box .bottom {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px; }
    .grid .asset-box,
    .grid .asset-box a {
      color: #fff; }
    .grid .asset-box .spacing {
      padding: 1.07em 0.928em; }
  .grid .asset-title {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #000;
    margin-bottom: 1em;
    margin-top: 0.5em;
    height: 60px;
    word-break: break-word;
    overflow: hidden; }
  @media (min-width: 480px) {
    .grid .asset-title {
      height: 3.75rem; } }
  .grid .asset-amount {
    margin-top: 0.625rem; }
  .grid .asset-license {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 11px;
    letter-spacing: 0.7px; }
  .grid .asset-supplementary-fields > * {
    padding-top: 0.6em;
    color: #444; }
  .grid .asset-fit {
    bottom: 0;
    max-height: 100%;
    max-width: 100%;
    position: absolute; }
  .grid .overlay-icon {
    position: absolute; }
  @media (min-width: 480px) {
    .grid .asset-full {
      width: 100%; } }
  .grid .image-placeholder {
    width: 100%;
    height: 100%;
    background: #e3e3e3;
    transform-origin: 50% 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1; }
  .grid .square-container .image-effect-background,
  .grid .square-container .image-effect-hover,
  .grid .square-container .image-effect-offline {
    bottom: 0;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%; }
  .grid .square {
    height: auto;
    width: auto; }
  .grid .landscape-container {
    align-items: flex-end;
    justify-content: center; }
    .grid .landscape-container .image-effect-background,
    .grid .landscape-container .image-effect-hover,
    .grid .landscape-container .image-effect-offline {
      height: auto;
      width: 100%; }
  .grid .landscape-container,
  .grid .landscape {
    max-height: 100%;
    max-width: 100%; }
  .grid .landscape {
    height: auto;
    width: 100%; }
  .grid .portrait-container {
    display: flex;
    justify-content: center; }
    .grid .portrait-container .image-effect-background,
    .grid .portrait-container .image-effect-hover,
    .grid .portrait-container .image-effect-offline {
      height: 100%;
      width: auto; }
  .grid .portrait {
    height: 100%;
    width: auto; }

.firefox .grid-6 .image-effect-target {
  display: none; }

.image-informations {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.875rem; }

.select-layout {
  display: flex; }

.grid-layout {
  display: flex;
  margin-right: 15px; }
  .grid-layout:last-child {
    margin-right: 0; }

.grid-3 {
  -ms-grid-columns: (minmax(416px, 1fr))[auto-fill];
  grid-template-columns: repeat(auto-fill, minmax(416px, 1fr)); }
  .grid-3.slider .asset-cell {
    width: 396px !important; }
    .grid-3.slider .asset-cell,
    .grid-3.slider .asset-cell img {
      max-width: 396px; }

.grid-5 {
  -ms-grid-columns: (minmax(256px, 1fr))[auto-fill];
  grid-template-columns: repeat(auto-fill, minmax(256px, 1fr)); }
  .grid-5.slider .asset-cell {
    width: 236px !important; }
    .grid-5.slider .asset-cell,
    .grid-5.slider .asset-cell img {
      max-width: 236px; }

.grid-6 {
  -ms-grid-columns: (minmax(214.5px, 1fr))[auto-fill];
  grid-template-columns: repeat(auto-fill, minmax(214.5px, 1fr)); }
  .grid-6.slider .asset-cell {
    width: 194.5px !important; }
    .grid-6.slider .asset-cell,
    .grid-6.slider .asset-cell img {
      max-width: 194.5px; }

@media (max-width: 450px) {
  .grid:not(.slider) .key-aspect-ratio {
    padding-bottom: 0; }
    .grid:not(.slider) .key-aspect-ratio .image-effect-container {
      position: static;
      transform: none; }
  .grid:not(.slider) .asset-title {
    margin-bottom: 0.5em; }
  .grid:not(.slider) .asset-cell + .asset-cell {
    margin-top: 0.3125rem; }
  .grid:not(.slider).grid-6 .image-effect-container {
    height: 100%;
    width: 100%;
    align-items: flex-end; }
  .grid:not(.slider).grid-6 .key-aspect-ratio {
    width: 100%; }
  .grid:not(.slider).grid-6 img.lazyloading {
    display: flex;
    height: 100%;
    width: 100%;
    min-height: 200px; } }

.asset-overlay-action-icons-container .asset-overlay-action-icon-list {
  display: none;
  position: absolute;
  z-index: 90; }

.asset-overlay-action-icons-container .secondary-hover {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.7px;
  display: none;
  position: absolute;
  background: #f1f1f1;
  cursor: pointer;
  z-index: 100; }

.asset-overlay-action-icons-container .secondary-hover-trigger:after {
  content: "";
  position: absolute;
  display: none;
  border-style: solid; }

.asset-overlay-action-icons-container .asset-overlay-action-icon-entry {
  padding: 0.625rem 0.78125rem;
  display: flex;
  cursor: pointer; }
  .asset-overlay-action-icons-container .asset-overlay-action-icon-entry.disabled {
    cursor: default;
    opacity: 0.35; }

html:not(.touch) .asset-overlay-action-icons-container .asset-overlay-action-icon-link {
  display: flex; }

html:not(.touch) .asset-overlay-action-icons-container .asset-overlay-action-icon-list-bottom {
  bottom: 0;
  justify-content: center;
  width: calc(100% + 2px);
  margin-left: -1px; }
  @media (min-width: 768px) {
    html:not(.touch) .asset-overlay-action-icons-container .asset-overlay-action-icon-list-bottom {
      background-color: #fff; } }
  html:not(.touch) .asset-overlay-action-icons-container .asset-overlay-action-icon-list-bottom .secondary-hover {
    top: 100%;
    right: 50%;
    transform: translateX(50%); }
  html:not(.touch) .asset-overlay-action-icons-container .asset-overlay-action-icon-list-bottom .secondary-hover-trigger:after {
    border-width: 0 5px 5px;
    border-color: transparent transparent #f1f1f1 transparent;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%); }
  html:not(.touch) .asset-overlay-action-icons-container .asset-overlay-action-icon-list-bottom .asset-overlay-action-icon-entry {
    -ms-grid-row-align: center;
    align-self: center; }

html:not(.touch) .asset-overlay-action-icons-container .asset-overlay-action-icon-list-left {
  top: 0;
  right: 0;
  flex-direction: column; }
  html:not(.touch) .asset-overlay-action-icons-container .asset-overlay-action-icon-list-left .asset-overlay-action-icon-entry {
    -ms-grid-row-align: center;
    align-self: center; }
  html:not(.touch) .asset-overlay-action-icons-container .asset-overlay-action-icon-list-left .secondary-hover {
    right: 100%;
    top: 50%;
    transform: translateY(-50%); }
  html:not(.touch) .asset-overlay-action-icons-container .asset-overlay-action-icon-list-left .secondary-hover-trigger:after {
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #f1f1f1;
    left: 0;
    top: 50%;
    transform: translateY(-50%); }

html:not(.touch) .asset-overlay-action-icons-container .asset-cell:hover .asset-overlay-action-icon-list {
  display: flex; }

html:not(.touch) .asset-overlay-action-icons-container .secondary-hover-trigger {
  position: relative; }
  html:not(.touch) .asset-overlay-action-icons-container .secondary-hover-trigger:hover:after {
    display: flex; }
  html:not(.touch) .asset-overlay-action-icons-container .secondary-hover-trigger:hover .secondary-hover {
    display: flex; }

html:not(.touch) .asset-overlay-action-icons-container .move-lightbox-entry {
  padding: 0.3125rem; }

html:not(.touch) .asset-overlay-action-icons-container .move-lightbox-entry-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  color: #444;
  max-width: 7.5rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem; }

html:not(.touch) .asset-overlay-action-icons-container .move-lightbox-entry-icon {
  display: flex;
  border-left: solid #d0d0d0 1px; }

html.firefox:not(.touch) .asset-overlay-action-icons-container .asset-overlay-action-icon-list-bottom {
  bottom: -1px; }

/* 4. Site specific style sheets */
.divider-vertical {
  height: 30px;
  margin-right: 1.875rem;
  margin-left: 0.3125rem;
  border-right: solid #888 1px;
  display: flex;
  align-self: center; }

.header {
  display: flex;
  align-items: center;
  border-bottom: solid #d0d0d0 1px;
  height: 5rem;
  background-color: #fff; }
  .header__entry {
    display: flex;
    margin-right: 1.5625rem;
    height: 100%; }
    @media (max-width: 991px) {
      .header__entry:last-of-type {
        margin-right: 0; } }
  .header__link {
    display: flex;
    align-items: center; }
  .header__text {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    letter-spacing: 1px; }
  .header-link-container .icon svg {
    display: flex;
    align-items: center; }
  @media (min-width: 1400px) {
    .header-link-container .icon__space {
      margin-right: 0.4375rem; } }
  .header-link-container a:hover {
    text-decoration: none; }
    .header-link-container a:hover .header__text {
      color: #888; }
    .header-link-container a:hover .icon path, .header-link-container a:hover .icon polygon {
      fill: #888; }
  .header a:focus,
  .header .dropdown-toggle:hover,
  .header .dropdown-toggle:focus {
    text-decoration: none; }
  .header .dropdown-toggle:hover .searchprofile-text, .header .dropdown-toggle:hover .advanced-search-wrapper-toggle-text {
    color: #888; }
  .header#banner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100; }

.firefox .header-link-menu:hover .key-menu-icon-container {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22menu-grey%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2215%22%20viewBox%3D%220%200%2020%2015%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23888%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M19.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%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E'); }

.firefox .header-link-menu .icon {
  display: flex; }

.firefox .header-link-menu .key-menu-icon-container {
  background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22menu%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2215%22%20viewBox%3D%220%200%2020%2015%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M19.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%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
  width: 20px;
  height: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  align-self: center;
  flex-shrink: 0; }
  .firefox .header-link-menu .key-menu-icon-container g {
    display: none; }

@media (max-width: 991px) {
  .header {
    order: -1; }
  .header__text,
  .divider-vertical {
    display: none; }
  .search-elements .divider-vertical {
    display: flex; } }

@media (max-width: 991px) {
  .footer-upper {
    display: none; } }

#footer {
  position: relative;
  z-index: 100; }

.footer-upper {
  background-color: #f1f1f1;
  padding-top: 2.0625rem;
  padding-bottom: 2.875rem; }
  .footer-upper .nav__link--main {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    letter-spacing: 1px; }
  .footer-upper .nav--horizontal {
    justify-content: space-between;
    width: 100%; }
  .footer-upper .nav > .nav__item--main:nth-of-type(-n + 4) {
    display: none; }
  .footer-upper .dropdown-menu {
    background-color: transparent;
    margin-bottom: 0;
    margin-top: 0.875rem;
    padding: 0; }
  .footer-upper .dropdown-menu > li > a {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem; }

@media (min-width: 992px) {
  .footer-upper .navbar .nav--horizontal {
    padding: 0 5.9375rem; } }

.footer-under {
  background-color: #444;
  letter-spacing: 0.7px; }
  .footer-under-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    min-height: 3.125rem; }
    .footer-under-inner,
    .footer-under-inner a {
      color: #d0d0d0; }
    .footer-under-inner .entry {
      padding-top: 0.78125rem;
      padding-bottom: 0.78125rem; }
  .footer-under .icon-container {
    display: flex; }
  .footer-under .icon-container > * + * {
    margin-left: 1.5rem; }
  .footer-under .link-to-page {
    margin-right: 2.4375rem; }
    .footer-under .link-to-page:last-child {
      margin-right: 0; }

.key-icon-link:active, .key-icon-link:hover, .key-icon-link:focus {
  text-decoration: none; }

.home .footer .footer-under {
  margin-top: 5rem; }

@media (min-width: 992px) {
  .home .footer .footer-upper {
    margin-top: 6.25rem; }
  .home .footer .footer-under {
    margin-top: 0; } }

@media (min-width: 991px) {
  .link-container {
    order: 20; }
  .copyright {
    order: 10; }
  .icon-container {
    order: 30; } }

@media (max-width: 991px) {
  .link-container {
    width: 100%; } }

@media screen and (max-width: 991px) {
  .open > div > .nav__child-menu {
    display: flex;
    flex-direction: column; }
  .nav__child-menu {
    display: none; }
  .nav__link--main,
  .lfr-nav-child-toggle {
    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; }
  .nav__item--main:nth-of-type(-n + 3).open,
  .nav__item--main:nth-of-type(-n + 3) .toggle-link-holder {
    border-bottom: solid #d0d0d0 1px; }
  .nav__item--main:nth-of-type(1n + 5) {
    background-color: #f1f1f1; }
  .lfr-nav-child-toggle {
    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; }
  .dropup,
  .dropdown {
    position: static; }
  .navigation .dropdown-menu {
    width: 100%;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 0;
    transform: none !important;
    top: 100% !important; }
  .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.75rem 1.5rem 0.75rem 3rem; }
  .toggle-link-holder > .lfr-nav-child-toggle > span > .lexicon-icon-caret-bottom {
    transform: rotate(-90deg);
    transition: 0.5s; }
  .open > .toggle-link-holder > .lfr-nav-child-toggle > span > .lexicon-icon-caret-bottom {
    transform: rotate(0deg); } }

@media (min-width: 768px) {
  .navbar-nav {
    float: none;
    margin: 0; } }

@media (min-width: 992px) {
  .extended-gutter-md-width {
    padding-right: 40px; } }

.key-public-1-col {
  /* mobile */ }
  .key-public-1-col .default-wc .text-holder {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.5px; }
  .key-public-1-col .default-wc-spacing, .key-public-1-col .default-wc-spacing-inner {
    width: 66.66667%;
    margin: 10.625rem auto 0; }
  .key-public-1-col .default-wc-spacing-inner {
    margin-top: 0; }
  .key-public-1-col .portlet-boundary:first-of-type .default-wc-spacing, .key-public-1-col .portlet-boundary:first-of-type .default-wc-spacing-inner {
    margin: calc(10.625rem - 3.5rem) auto 0; }
  .key-public-1-col .portlet-boundary:first-of-type .default-wc-spacing-inner {
    margin-top: 0; }
  @media (max-width: 1399px) {
    .key-public-1-col .default-wc .default-wc-spacing, .key-public-1-col .default-wc .default-wc-spacing-inner {
      margin: 7.375rem auto 0; }
    .key-public-1-col .default-wc .default-wc-spacing-inner {
      margin-top: 0; }
    .key-public-1-col .portlet-boundary:first-of-type .default-wc-spacing, .key-public-1-col .portlet-boundary:first-of-type .default-wc-spacing-inner {
      margin: calc(7.375rem - 3.5rem) auto 0; }
    .key-public-1-col .portlet-boundary:first-of-type .default-wc-spacing-inner {
      margin-top: 0; } }
  @media (max-width: 480px) {
    .key-public-1-col .default-wc .default-wc-spacing, .key-public-1-col .default-wc .default-wc-spacing-inner {
      margin: calc(2.1875rem - 3.5rem) auto 0;
      width: 100%; }
    .key-public-1-col .default-wc .default-wc-spacing-inner {
      margin-top: 0; }
    .key-public-1-col .portlet-boundary:first-of-type .default-wc-spacing, .key-public-1-col .portlet-boundary:first-of-type .default-wc-spacing-inner {
      margin: calc(1.9375rem - 3.5rem - 1.875rem) auto 0; }
    .key-public-1-col .portlet-boundary:first-of-type .default-wc-spacing-inner {
      margin-top: 0; }
    .key-public-1-col .public-detail .bootstrap-wrapper .image-holder, .key-public-1-col .public-detail .content .nav-tabs .image-holder, .content .key-public-1-col .public-detail .nav-tabs .image-holder, .key-public-1-col .public-detail .default-wc .image-holder, .key-public-1-col .public-detail .my-table-portlet .image-holder {
      margin-bottom: 0; } }
  .key-public-1-col.public-detail .img-full-width {
    margin-bottom: 0; }
  @media (min-width: 992px) {
    .key-public-1-col .keyviz-public .img-full-width .container-abs .spacing {
      padding: 50px 0 64px 52px; } }
  .key-public-1-col .key-title-portlet {
    margin-top: 0;
    margin-bottom: 0; }

.searchresult .result {
  flex: 1;
  max-width: 100%; }

.main-content {
  display: flex;
  flex-direction: row;
  flex: 1;
  position: relative; }

/* Checkbox hack to toggle nav visibility */
.aside-left {
  background: #444;
  margin-left: -16.625rem;
  margin-bottom: -30px;
  /* rem(26.6) is the width of the sidebars */
  flex: 0 0 16.625rem;
  transition: margin-top 0.2s ease, margin-left 0.2s ease; }
  .aside-left .portlet-column-content,
  .aside-left .portlet-boundary,
  .aside-left .portlet,
  .aside-left .portlet-content,
  .aside-left .portlet-content-container,
  .aside-left .portlet-body,
  .aside-left .facet {
    min-height: 100%; }

.aside-left.open {
  margin-left: 0;
  transition: margin-top 0.2s ease 0.2s, margin-left 0.2s ease; }

.aside-container {
  color: #fff;
  background-color: #444;
  width: 13.25rem; }
  .aside-container .key-label,
  .aside-container a {
    color: #fff; }
  .aside-container .facet-section-title:hover,
  .aside-container .key-label:hover,
  .aside-container .aside-toggle:hover {
    color: #d0d0d0; }
  .aside-container .key-select-dropdown {
    color: #d0d0d0; }
    .aside-container .key-select-dropdown option {
      background-color: #444;
      color: #d0d0d0; }
    .aside-container .key-select-dropdown:focus {
      border: solid #d0d0d0 1px; }
    .aside-container .key-select-dropdown:hover {
      box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.4); }
  .aside-container select {
    background: url("../images/icons/triangledown-white.svg") no-repeat right 18px center; }

@media (max-width: 767px) {
  .aside-left {
    position: absolute;
    width: 100%;
    margin-left: -100%;
    margin-top: 0;
    z-index: 500;
    height: 100%; }
  .facet {
    width: 100%; } }

@media (min-width: 768px) {
  .aside-container {
    width: 16.625rem; }
  .searchresult .open + .result {
    max-width: calc(100% - 16.625rem); } }

/* 5. Element style sheets */
.modal button.close {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 20px;
  right: 20px; }
  .modal button.close svg {
    display: none; }

.modal .lfr-alert-wrapper button.close {
  position: relative;
  top: 0.3125rem;
  right: -1.25rem; }

.modal .modal-content {
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4);
  border: 0; }

.modal .modal-title {
  font-family: "Catalog-Regular", "Georgia", "Times New Roman", "Times", serif;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.6px;
  color: #000;
  text-align: left; }

.modal .modal-header {
  padding: 1.875rem; }

.modal .modal-body {
  padding-left: 1.875rem;
  padding-right: 1.875rem; }

.key-modal {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center; }

.key-portlet .nav-anchors {
  margin-top: 1.46875rem; }

.nav-anchors {
  padding: 0.75rem 0;
  display: flex;
  border-top: solid #d0d0d0 1px;
  border-bottom: solid #d0d0d0 1px; }
  .nav-anchors .link {
    margin-right: 2.8125rem; }
    .nav-anchors .link a:hover,
    .nav-anchors .link a:active,
    .nav-anchors .link a:focus {
      text-decoration: none; }
    .nav-anchors .link .text {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      display: inline;
      color: #444; }
      .nav-anchors .link .text:hover {
        color: #000; }

.pill, .taglib-categorization-filter .asset-entry {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 1;
  display: inline-flex;
  border-radius: 23px;
  border: solid #d0d0d0 1px;
  padding: 0.4166em 0.8333em;
  margin-right: 0.625rem;
  margin-bottom: 0.625rem; }
  .pill span, .taglib-categorization-filter .asset-entry span {
    margin-left: 10px; }
  .pill:hover, .taglib-categorization-filter .asset-entry:hover {
    background: #f1f1f1; }

.taglib-categorization-filter .asset-entry {
  font-style: normal;
  background-color: transparent;
  display: inline-flex;
  align-items: center; }
  .taglib-categorization-filter .asset-entry:hover {
    background-color: #f1f1f1; }
    .taglib-categorization-filter .asset-entry:hover a .icon-remove {
      background-color: #f1f1f1; }
  .taglib-categorization-filter .asset-entry a {
    display: inline-flex;
    align-items: center; }
  .taglib-categorization-filter .asset-entry .icon-remove {
    background-image: url("../images/icons/close.svg");
    width: 11px;
    height: 11px;
    background-repeat: no-repeat;
    border-radius: 0;
    background-size: 11px; }
    .taglib-categorization-filter .asset-entry .icon-remove:before {
      content: ""; }

.breadcrumbs {
  display: none; }

.breadcrumb {
  height: 2.5rem;
  line-height: 1rem;
  margin-bottom: 0;
  padding: 0.875rem 0; }
  .breadcrumb a {
    color: #000; }
  .breadcrumb > .active {
    color: #d0d0d0; }

.breadcrumb-horizontal > li {
  font-size: 0.6875rem; }
  .breadcrumb-horizontal > li + li::before {
    background-image: lx-icon(angle-right, #000); }
  .breadcrumb-horizontal > li + li.active::before {
    background-image: lx-icon(angle-right, #d0d0d0); }

@media (min-width: 992px) {
  .breadcrumbs {
    display: block; } }

.contacts .title {
  margin-bottom: 30px;
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.8px; }

.contacts .contact-container {
  border-top: 1px solid #e3e3e3;
  padding-top: 9px;
  padding-bottom: 9px; }
  .contacts .contact-container:hover {
    background-color: #f1f1f1; }
  .contacts .contact-container:last-child {
    border-bottom: 1px solid #e3e3e3; }

.contacts .department {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px; }

.contacts .telto-holder {
  font-size: large;
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px; }

.contacts .mailto-holder {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  text-align: right; }

@media (max-width: 767px) {
  .contacts .telto-holder {
    padding-top: 0;
    text-align: right; } }

.default-wc .journal-article-title-holder .title {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 35px;
  line-height: 38px;
  letter-spacing: 1px;
  margin-bottom: 35px;
  text-transform: uppercase; }

.default-wc .lead-holder {
  margin-bottom: 23px; }

.default-wc .text-holder {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 1; }

.default-wc .image-holder {
  margin-top: 10.625rem;
  margin-bottom: 0; }
  .default-wc .image-holder img {
    display: block;
    margin-left: auto;
    margin-right: auto; }

@media (max-width: 1400px) {
  .default-wc .image-holder {
    margin-top: 7.8125rem; } }

@media (max-width: 480px) {
  .default-wc .image-holder {
    margin-top: 1.4375rem; }
  .default-wc .title-holder .subtitle {
    margin: 0 0 1.25rem; }
  .default-wc .journal-article-title-holder .title {
    margin-bottom: 1.25rem; } }

.public-detail .img-full-width,
.public-detail .img-full-width img {
  height: 251px; }
  @media (min-width: 992px) {
    .public-detail .img-full-width,
    .public-detail .img-full-width img {
      height: 570px; } }

.public-detail .img-full-width .date {
  top: 379px; }

.public-detail .bootstrap-wrapper .headline, .public-detail .content .nav-tabs .headline, .content .public-detail .nav-tabs .headline, .public-detail .key-public-1-col .default-wc .headline, .key-public-1-col .public-detail .default-wc .headline, .public-detail .my-table-portlet .headline {
  margin-bottom: 35px; }

.public-detail .bootstrap-wrapper .lead-text, .public-detail .content .nav-tabs .lead-text, .content .public-detail .nav-tabs .lead-text, .public-detail .key-public-1-col .default-wc .lead-text, .key-public-1-col .public-detail .default-wc .lead-text, .public-detail .my-table-portlet .lead-text {
  margin-bottom: 23px; }

.public-detail .bootstrap-wrapper .content, .public-detail .content .nav-tabs .content, .content .public-detail .nav-tabs .content, .public-detail .key-public-1-col .default-wc .content, .key-public-1-col .public-detail .default-wc .content, .public-detail .my-table-portlet .content {
  margin-bottom: 24px; }

.public-detail .bootstrap-wrapper .address, .public-detail .content .nav-tabs .address, .content .public-detail .nav-tabs .address, .public-detail .key-public-1-col .default-wc .address, .key-public-1-col .public-detail .default-wc .address, .public-detail .my-table-portlet .address,
.public-detail .bootstrap-wrapper .contact,
.public-detail .content .nav-tabs .contact,
.content .public-detail .nav-tabs .contact,
.public-detail .key-public-1-col .default-wc .contact,
.key-public-1-col .public-detail .default-wc .contact,
.public-detail .my-table-portlet .contact {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  color: #444;
  margin-top: 0.625rem; }

.public-detail .bootstrap-wrapper .contact-title, .public-detail .content .nav-tabs .contact-title, .content .public-detail .nav-tabs .contact-title, .public-detail .key-public-1-col .default-wc .contact-title, .key-public-1-col .public-detail .default-wc .contact-title, .public-detail .my-table-portlet .contact-title {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  margin-bottom: 1.25rem; }

.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 p {
      margin-left: 20px; }
  .faq-adt .faq-lead-holder-active {
    color: #000; }
  .faq-adt .faq-text-holder {
    display: none;
    margin-left: 20px; }
    .faq-adt .faq-text-holder p {
      margin-bottom: 0; }
  .faq-adt .key-triangledown-icon, .faq-adt .key-form-control-select,
  .faq-adt .key-triangleright-icon {
    position: relative;
    top: 19px;
    transition: 0.5s; }
  .faq-adt .open {
    transform: rotate(90deg); }
  .faq-adt .closed {
    transform: rotate(0deg); }

.my-account-container {
  display: flex;
  flex-direction: column;
  min-width: 16.875rem;
  margin-top: 0.9375rem;
  margin-bottom: 0.625rem; }
  .my-account-container .icon {
    margin-right: 0.875rem;
    display: flex; }

/* Hover effect on user menu items */
.my-account-link {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  padding: 0.6875rem 1.25rem;
  display: flex;
  align-items: center; }
  .my-account-link:hover, .my-account-link:focus {
    color: #888;
    text-decoration: none; }
    .my-account-link:hover svg path, .my-account-link:focus svg path {
      fill: #888; }
  .my-account-link.logout-link {
    margin-top: 0.625rem; }

.background-grey {
  background-color: #f1f1f1;
  color: #444; }
  .background-grey svg path {
    fill: #444; }
  .background-grey:hover .link-to-page-text, .background-grey:focus .link-to-page-text {
    color: #000;
    text-decoration: none; }
  .background-grey:hover svg path, .background-grey:focus svg path {
    fill: #000; }
  .background-grey.my-account-link {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem; }
  .background-grey:nth-last-child(2) {
    padding-bottom: 1.25rem; }

.background-white + .background-grey {
  margin-top: 0.9375rem;
  padding-top: 1.25rem; }

.slick-initialized {
  display: block; }

.slider.centerslider {
  color: #fff;
  margin-top: 0.9375rem; }
  .slider.centerslider .description,
  .slider.centerslider .date {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #000; }
  .slider.centerslider .description {
    margin-bottom: 2em;
    padding-top: 1.5em;
    visibility: visible; }
  .slider.centerslider .key-centerslide {
    position: relative;
    margin-right: 22px; }
    @media (max-width: 991px) {
      .slider.centerslider .key-centerslide img {
        max-width: 100%;
        height: auto; } }
    @media (min-width: 1400px) {
      .slider.centerslider .key-centerslide {
        width: auto; } }
  .slider.centerslider .date {
    padding: 0.714em 1.25rem;
    display: inline-block;
    background-color: #e3e3e3; }
  .slider.centerslider .container-abs .spacing {
    padding-left: 1.5625rem;
    padding-right: 1.375rem; }
  .slider.centerslider .title {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.5px;
    padding-bottom: 1.625rem;
    display: block; }
  .slider.centerslider .slick-arrow.slick-prev,
  .slider.centerslider .slick-arrow.slick-next {
    width: 2.625rem;
    height: 2.625rem; }
    .slider.centerslider .slick-arrow.slick-prev:hover,
    .slider.centerslider .slick-arrow.slick-next:hover {
      width: 2.75rem;
      height: 2.75rem; }
  .slider.centerslider.show-on-current-or-hover .title {
    display: none; }
  .slider.centerslider.show-on-current-or-hover .description {
    visibility: hidden; }

/* Slider */
.slider .slick-arrow,
.slider .slick-arrow:focus,
.slider .slick-arrow:hover {
  z-index: 20; }

.slider .slick-dots li button {
  width: 8px;
  height: 8px;
  color: #e3e3e3; }
  .slider .slick-dots li button:hover {
    color: #000; }

.slider .slick-dots li.slick-active button {
  color: #000; }

.slider .slick-arrow.slick-prev {
  left: 30px; }

.slider .slick-next {
  right: 30px; }

.slider .slick-prev:before,
.slider .slick-next:before {
  content: ""; }

.slider .slick-prev:hover:before, .slider .slick-prev:focus:before,
.slider .slick-next:hover:before,
.slider .slick-next:focus:before {
  content: ""; }

.slider-img-fix-height .link-portlet-title {
  margin-bottom: 1.5625rem; }

.slider-img-fix-height .asset-cell {
  height: 100%;
  width: auto;
  margin-right: 0.8125rem;
  margin-top: 0.875rem; }

.slider-img-fix-height .image-effect-container {
  width: auto;
  display: inline-block; }

.slider-img-fix-height img {
  height: 9.8125rem; }

@media (max-width: 1400px) {
  .grid .asset-title {
    max-width: 12.25rem; } }

.swiper-button-next, .swiper-button-prev {
  margin-top: -10px; }

.swiper-slide {
  width: auto;
  max-width: 100%; }

.centerslider img {
  max-height: 442px; }

.swiper-container-autoheight .swiper-wrapper {
  /* stylelint-disable-next-line declaration-no-important */
  height: auto !important; }

.editorial .asset-main {
  position: relative; }

.editorial .asset-list {
  display: flex;
  flex-wrap: wrap; }

.editorial .asset-item {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 100%; }
  .editorial .asset-item > * {
    display: flex;
    align-items: center;
    height: 40px; }
  .editorial .asset-item .asset-link:hover,
  .editorial .asset-item .asset-link:focus {
    text-decoration: none; }
    .editorial .asset-item .asset-link:hover .asset-title,
    .editorial .asset-item .asset-link:focus .asset-title {
      color: #888; }

.editorial .asset-cover {
  object-fit: cover; }

.editorial .asset-image {
  height: 40px; }

.editorial .asset-category {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000; }

.editorial .asset-info {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  padding-left: 0.714em;
  padding-right: 0.714em; }

.editorial .asset-title {
  color: #444; }

.editorial .asset-border-container {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -100; }

.editorial .asset-border {
  margin-bottom: 59px;
  border-top-width: 1px;
  margin-top: 0; }

.editorial .key-button-default-spaces {
  background-color: #fff; }

@media (min-width: 768px) {
  .editorial .asset-main {
    overflow-y: hidden; }
  .editorial .asset-entry {
    padding-left: 0.6em;
    padding-right: 0.6em; }
  .editorial .asset-item {
    width: auto;
    padding-left: 0.4em;
    padding-right: 0.4em; }
  .editorial .asset-list {
    justify-content: center;
    margin-bottom: -1px; }
  .editorial .asset-border {
    margin-bottom: 60px;
    margin-top: -1px; } }

.offers .items-holder {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }
  @media (min-width: 768px) {
    .offers .items-holder {
      justify-content: space-between;
      flex-direction: row; } }

.offers .item {
  margin-top: 1.875rem; }
  @media (min-width: 768px) {
    .offers .item {
      border-left: 1px solid #d0d0d0;
      padding-left: 2em; } }
  @media (min-width: 992px) {
    .offers .item {
      margin-top: 1.0625rem; } }

.offers .button-holder {
  margin-top: 3.125rem; }

.offers .small-title {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #000;
  margin-top: 1.875rem;
  margin-bottom: 1.25rem; }

.offers ul {
  padding-left: 0; }
  .offers ul li {
    list-style-type: none;
    margin-bottom: 0.875rem; }
    .offers ul li a {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      color: #444; }

/* Overlay Login */
.sign-in-form hr {
  margin: 0; }

.sign-in-form .input-container {
  position: relative; }

.sign-in-form .form-meta-options {
  margin: 1.875rem 0; }

.sign-in-form .form-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.sign-in-form .form-actions {
  margin-top: 1.875rem; }

.sign-in-form .input-checkbox-wrapper {
  height: 1.375rem; }

.sign-in-form .form-meta-options {
  display: flex;
  justify-content: flex-start;
  flex-direction: column; }
  @media (min-width: 992px) {
    .sign-in-form .form-meta-options {
      justify-content: space-between;
      flex-direction: row; } }
  .sign-in-form .form-meta-options .form-group,
  .sign-in-form .form-meta-options label {
    margin: 0; }
  .sign-in-form .form-meta-options label {
    display: inline-flex; }

.jobs .job {
  display: flex;
  justify-content: space-between;
  border-top: solid #e3e3e3 1px;
  padding: 0.625rem 0; }
  .jobs .job:last-child {
    border-bottom: solid #e3e3e3 1px; }
  .jobs .job:hover {
    text-decoration: none;
    background-color: #f1f1f1; }

.jobs .date,
.jobs .titel {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  color: #444; }

.jobs .link {
  display: inline-flex; }

.default-detail .subtitle {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.8px;
  margin-top: 48px;
  margin-bottom: 24px;
  text-transform: uppercase;
  color: #000; }

.simple-title-text {
  margin-bottom: 1.25rem;
  max-width: 60%; }
  .simple-title-text-title {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 35px;
    line-height: 38px;
    color: #000;
    margin-bottom: 1.5625rem; }

.language-switcher-header {
  padding: 0.5625rem 1.5rem;
  border-top: solid #d0d0d0 1px; }
  .language-switcher-header .toggle-link-holder {
    display: none; }
  .language-switcher-header .dropdown-toggle {
    display: none; }
  .language-switcher-header .nav__item--child {
    display: flex;
    align-items: center;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
    .language-switcher-header .nav__item--child .language-entry-short-text {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 16px;
      line-height: 23px;
      letter-spacing: 0.5px;
      text-transform: uppercase; }
      .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 .show > .child-menu-wrapper {
    padding-bottom: 0; }
    .language-switcher-header .show > .child-menu-wrapper > .child-menu {
      display: flex;
      flex-direction: row; }

@media (min-width: 992px) {
  .language-switcher-header {
    padding: 0;
    border-top: none; }
    .language-switcher-header .dropdown-menu.child-menu {
      padding: 0.65625rem 1.8125rem 0.96875rem;
      top: 5.3125rem !important; }
    .language-switcher-header .language-dropdown {
      padding: 1.25rem 0 1.25rem 1.5625rem; }
    .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: 14px;
        line-height: 20px;
        letter-spacing: 0.7px; }
    .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-toggle {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      display: flex;
      cursor: pointer; }
    .language-switcher-header .dropdown-menu {
      margin-right: 0;
      margin-left: 0;
      display: none;
      position: absolute;
      border: solid 1px #d0d0d0;
      box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3); }
    .language-switcher-header .show > .child-menu-wrapper > .child-menu {
      flex-direction: column; }
    .language-switcher-header .show > .triangle {
      display: block; }
    .language-switcher-header .triangle {
      top: 4.875rem;
      left: auto; }
    .language-switcher-header .toggle-link-holder {
      display: block; } }

.vertical-separator {
  margin-right: 0;
  width: 1px;
  background: #888;
  height: 1.875rem; }

/* Alert Messages key-alert */
.key-alert {
  border-bottom: solid #d0d0d0 1px;
  border-top: solid #d0d0d0 1px;
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  max-width: calc(1400px - 2 * 1.625rem);
  padding: 2.1875rem 0; }

.alert {
  background-color: #fff;
  border-width: 1px;
  border-radius: 0; }

.cookie-banner a {
  color: #fff;
  text-decoration: underline; }

.cookie-banner p {
  margin-bottom: 0; }

/* 6. Portlet style sheets */
.zip-download-dropdown {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content; }

.key-pagination {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.5px;
  display: flex;
  justify-content: space-between;
  padding-top: 1.5625rem;
  border-top: solid #d0d0d0 1px;
  align-items: center;
  margin-top: 1.3125rem;
  margin-bottom: 0.625rem; }
  .key-pagination .pagination-current-page {
    min-height: 2.5rem;
    max-width: 3.9375rem;
    text-align: center; }
  .key-pagination .pagination-buttons {
    margin-left: -0.3125rem;
    margin-right: -0.3125rem; }
  .key-pagination .pagination-button {
    display: inline-flex;
    justify-content: center;
    width: 1.8125rem;
    height: 1.8125rem;
    margin-left: 0.3125rem;
    margin-right: 0.3125rem; }
  @media (min-width: 768px) {
    .key-pagination {
      justify-content: center;
      margin: 1.875rem 0 3.75rem; }
      .key-pagination .pagination-button {
        width: auto;
        margin-left: 0.46875rem;
        margin-right: 0.46875rem; }
      .key-pagination .pagination-buttons {
        margin-left: 0.6875rem;
        margin-right: 0.6875rem; }
      .key-pagination .pagination-current-page,
      .key-pagination .pagination-amount-pages,
      .key-pagination .pagination-of-page {
        margin-left: 0.5625rem;
        margin-right: 0.5625rem; } }

.search-large {
  margin-left: 4.375rem;
  flex-grow: 1; }
  .search-large .search-form {
    align-items: center; }

section#content.search-small-open:after {
  content: "";
  background-color: #000;
  top: 5rem;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  opacity: 0.8;
  z-index: 10; }

@media (min-width: 992px) {
  section#content.search-small-open:after {
    content: none; } }

/* stylelint-disable declaration-no-important */
.dropdown .search {
  padding-top: 2rem;
  padding-bottom: 2rem;
  transform: none !important;
  top: 100% !important; }

/* stylelint-enable */
.search-form {
  display: flex;
  align-items: flex-start; }
  .search-form .search-wrapper {
    display: flex;
    height: 2.5rem; }
  .search-form .search-elements {
    border-top: solid #888 1px;
    border-right: solid #888 1px;
    border-bottom: solid #888 1px;
    display: flex; }
  .search-form .submit-button {
    padding: 0;
    width: 2.5rem;
    flex-shrink: 0; }
    .search-form .submit-button:not([disabled]):not(.disabled):focus {
      box-shadow: none; }
  .search-form .search-input {
    border: none;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    width: 100%;
    background-color: transparent;
    /* clears the 'X' from Internet Explorer */
    /* clears the 'X' from Chrome */ }
    .search-form .search-input::-webkit-input-placeholder {
      font-family: "Catalog-Italic", "Georgia", "Times New Roman", "Times", serif;
      font-size: 1rem; }
    .search-form .search-input:-ms-input-placeholder {
      font-family: "Catalog-Italic", "Georgia", "Times New Roman", "Times", serif;
      font-size: 1rem; }
    .search-form .search-input::placeholder {
      font-family: "Catalog-Italic", "Georgia", "Times New Roman", "Times", serif;
      font-size: 1rem; }
    .search-form .search-input::-ms-clear, .search-form .search-input::-ms-reveal {
      display: none;
      width: 0;
      height: 0; }
    .search-form .search-input::-webkit-search-decoration, .search-form .search-input::-webkit-search-cancel-button, .search-form .search-input::-webkit-search-results-button, .search-form .search-input::-webkit-search-results-decoration {
      display: none; }
  .search-form .divider-vertical {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    height: 1.5625rem; }
  .search-form .searchprofile-text {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    margin-left: 0.3125rem;
    display: inline-block;
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 0.6875rem; }
    .search-form .searchprofile-text.active {
      color: #000; }
  .search-form .search-form-select {
    padding: 0 1.75rem 0 1.125rem; }

/* Advanced Search */
.advanced-search-wrapper {
  flex-shrink: 0; }
  .advanced-search-wrapper-toggle-text {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #444;
    margin-left: 0.625rem; }
    .advanced-search-wrapper-toggle-text.active {
      color: #000; }
  .advanced-search-wrapper .period-select-date-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%; }
  .advanced-search-wrapper .period-date-picker-entry {
    display: flex;
    align-items: center; }

/* stylelint-disable declaration-no-important */
.dropdown-menu.advanced-search {
  width: auto;
  overflow: auto;
  z-index: 1000;
  margin-top: 0;
  left: -6.875rem !important;
  top: 2.5rem !important;
  border: solid #d0d0d0 1px;
  transform: none !important; }

/* stylelint-enable */
.advanced-search,
.search-profile {
  padding-top: 20px;
  /* Select period styling*/
  /* Select license type and usage styling, they have the same look*/
  /* apply and reset buttons */ }
  .advanced-search .close-button,
  .search-profile .close-button {
    float: right;
    margin-right: 30px;
    cursor: pointer; }
  .advanced-search .title,
  .search-profile .title {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.6px;
    margin-left: 29px;
    margin-top: 0;
    margin-bottom: 18px;
    color: #000; }
  .advanced-search .subtitle,
  .search-profile .subtitle {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    min-width: 115px;
    color: #000; }
  .advanced-search li,
  .search-profile li {
    display: flex;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 29px;
    margin-right: 28px;
    border-bottom: solid #e3e3e3 1px;
    align-items: baseline; }
  .advanced-search input.form-control,
  .search-profile input.form-control {
    border-bottom: none;
    height: 30px;
    font-size: 14px;
    position: relative;
    top: 2px;
    left: 6px; }
  .advanced-search .period-date-picker,
  .search-profile .period-date-picker {
    display: none;
    margin-top: 0.75rem;
    height: 2.625rem;
    align-items: baseline;
    justify-content: space-between; }
    .advanced-search .period-date-picker label,
    .search-profile .period-date-picker label {
      margin-right: 0; }
    .advanced-search .period-date-picker span,
    .search-profile .period-date-picker span {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px; }
    .advanced-search .period-date-picker .date-picker-label,
    .search-profile .period-date-picker .date-picker-label {
      margin-right: 11px; }
  .advanced-search .license-type,
  .advanced-search .usage,
  .search-profile .license-type,
  .search-profile .usage {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #000;
    padding-top: 15px;
    padding-bottom: 16px; }
  .advanced-search .license-type-select,
  .advanced-search .usage-select,
  .search-profile .license-type-select,
  .search-profile .usage-select {
    display: flex; }
    .advanced-search .license-type-select label,
    .advanced-search .usage-select label,
    .search-profile .license-type-select label,
    .search-profile .usage-select label {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      margin-right: 0;
      width: 198px;
      color: #444;
      display: flex;
      justify-content: space-between;
      font-weight: normal; }
      .advanced-search .license-type-select label .toggle-switch-bar,
      .advanced-search .usage-select label .toggle-switch-bar,
      .search-profile .license-type-select label .toggle-switch-bar,
      .search-profile .usage-select label .toggle-switch-bar {
        margin-right: 30px; }
  .advanced-search .border-div,
  .search-profile .border-div {
    display: flex;
    padding-left: 23px;
    padding-top: 5px;
    border-left: solid #888 1px; }
  .advanced-search .form-group,
  .search-profile .form-group {
    margin-bottom: 0;
    padding-top: 0;
    display: flex;
    align-self: flex-end; }
  .advanced-search .usage,
  .search-profile .usage {
    border-bottom: none; }
  .advanced-search .buttons,
  .search-profile .buttons {
    justify-content: space-between;
    border-bottom: none; }
    .advanced-search .buttons .inverted:first-child,
    .search-profile .buttons .inverted:first-child {
      padding-left: 0; }

@media screen and (max-width: 991px) {
  .search-large .search-wrapper,
  .search-large .advanced-search-wrapper > .dropdown-toggle,
  .search-large .searchprofile-wrapper > .dropdown-toggle {
    display: none; }
  .search-form-select {
    max-width: 100px; }
  .search-form {
    flex-direction: column;
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */ }
    .search-form .period-date-picker {
      height: 3.875rem; }
    .search-form .search-elements,
    .search-form .search-input {
      width: 100%; }
    .search-form .search-wrapper {
      margin-bottom: 0.625rem;
      width: 100%; }
    .search-form .advanced-search-wrapper .fade,
    .search-form .searchprofile-wrapper .fade {
      transition: transform .3s ease-out;
      transform: translate(0, -25%) !important; }
    .search-form .advanced-search-wrapper .in.fade,
    .search-form .searchprofile-wrapper .in.fade {
      transform: translate(0, 0) !important; }
    .search-form .advanced-search-wrapper {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem; }
      .search-form .advanced-search-wrapper .period-date-picker {
        margin-left: -0.46875rem;
        margin-right: -0.46875rem; }
      .search-form .advanced-search-wrapper .period-date-picker-entry {
        flex-direction: column;
        align-items: flex-start;
        width: 50%;
        padding-left: 0.46875rem;
        padding-right: 0.46875rem; }
    .search-form .triangle {
      display: none; }
    .search-form .license-type-select,
    .search-form .usage-select {
      flex-direction: column;
      width: 100%; }
      .search-form .license-type-select label,
      .search-form .usage-select label {
        width: 100%;
        align-items: center; }
        .search-form .license-type-select label .toggle-switch-bar,
        .search-form .usage-select label .toggle-switch-bar {
          margin-right: 0; }
    .search-form .subtitle {
      margin-bottom: 0.5rem; }
    .search-form .search-profile,
    .search-form .advanced-search {
      position: fixed !important;
      top: 0 !important;
      left: 0 !important;
      border: 0;
      width: 100%;
      height: 100%;
      padding: 0;
      box-shadow: none;
      margin-top: 0; }
      .search-form .search-profile li,
      .search-form .advanced-search li {
        flex-direction: column;
        margin-left: 1.25rem;
        margin-right: 1.25rem; }
        .search-form .search-profile li.buttons,
        .search-form .advanced-search li.buttons {
          flex-direction: row; }
      .search-form .search-profile .form-group,
      .search-form .advanced-search .form-group {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        width: 100%; }
    .search-form .advanced-search li {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; }
    .search-form .search-profile .title {
      margin-bottom: 0.4375rem; }
    .search-form .search-profile li {
      padding-top: 0.78125rem;
      padding-bottom: 0.78125rem; }
    .search-form .close-button {
      margin-top: 0.9375rem;
      margin-right: 0.9375rem;
      padding: 0.3125rem; }
    .search-form .title {
      margin-left: 0;
      margin-top: 1.0625rem;
      margin-bottom: 0;
      padding-left: 1.25rem;
      padding-bottom: 1.25rem;
      border-bottom: solid #e3e3e3 1px; }
    .search-form .border-div {
      border: none;
      padding-left: 0; }
    .search-form .date-picker-border-div {
      width: 100%; }
    .search-form > div.dropdown:last-child {
      padding-bottom: 0; }
    .search-form .searchprofile-wrapper {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem; }
    .search-form .searchprofile-text {
      margin-left: 0.75rem;
      color: #444;
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px; } }

@media screen and (min-width: 992px) {
  .search-large {
    margin-right: 0.9375rem;
    width: 100%; }
  .search-form .search-elements,
  .search-form .search-wrapper {
    flex-grow: 1; }
  /* stylelint-disable declaration-no-important */
  .dropdown-menu.advanced-search {
    right: -10vw !important;
    left: auto !important; }
  /* stylelint-enable */
  .advanced-search-wrapper, .searchprofile-wrapper {
    margin-left: 1.5625rem;
    margin-right: 0.9375rem;
    /* apply and reset buttons */ }
    .advanced-search-wrapper .fade, .searchprofile-wrapper .fade {
      opacity: 1; }
    .advanced-search-wrapper .buttons, .searchprofile-wrapper .buttons {
      justify-content: flex-end; }
    .advanced-search-wrapper.dropdown, .searchprofile-wrapper.dropdown {
      position: relative; }
  .searchprofile-wrapper {
    margin: 0 0.9375rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -ms-grid;
    display: grid;
    /* stylelint-disable declaration-no-important */
    /* stylelint-enable */ }
    .searchprofile-wrapper > .dropdown-toggle {
      overflow: hidden; }
    .searchprofile-wrapper .search-profile {
      margin-top: 0;
      min-width: 34.375rem;
      top: 2.5rem !important;
      right: -14vw !important;
      left: auto !important;
      transform: none !important;
      border: solid #d0d0d0 1px;
      /* Select searchprofiles styling*/ }
      .searchprofile-wrapper .search-profile .key-select-dropdown {
        color: #888;
        flex: 1; }
    .searchprofile-wrapper .searchprofiles {
      padding-bottom: 16px;
      padding-top: 0; }
    .searchprofile-wrapper .searchprofile-text {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      color: #444;
      margin-left: 0.625rem; } }

.search-profile li {
  border-bottom: none; }

@media screen and (min-width: 1400px) {
  .search-wrapper {
    max-width: 31.25rem; } }

@media screen and (min-width: 1600px) {
  .searchprofile-wrapper .search-profile {
    /* stylelint-disable-next-line declaration-no-important */
    left: -4vw !important; } }

.date-picker-border-div {
  padding: 4px;
  border: solid #888 1px;
  width: 129px;
  display: flex; }
  .date-picker-border-div label {
    display: flex; }
  .date-picker-border-div span {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    margin-left: 7px;
    margin-right: 0;
    min-width: 13px; }

.btn-primary:not([disabled]):not(.disabled):active:focus {
  box-shadow: none; }

.key-modal .add-to-lightbox {
  background: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4);
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.6px;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 335px; }
  @media (min-width: 768px) {
    .key-modal .add-to-lightbox {
      font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
      font-size: 22px;
      line-height: 28px;
      letter-spacing: 0.6px; } }
  @media (min-width: 768px) {
    .key-modal .add-to-lightbox {
      flex-direction: row; } }
  @media (min-width: 768px) {
    .key-modal .add-to-lightbox {
      width: 663px; } }
  .key-modal .add-to-lightbox .text-holder {
    margin-bottom: 20px; }
  .key-modal .add-to-lightbox .content-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 0.9375rem; }
    @media (min-width: 768px) {
      .key-modal .add-to-lightbox .content-wrapper {
        margin: 2.5rem 1.875rem; } }
  .key-modal .add-to-lightbox .link {
    display: inline-flex; }
    .key-modal .add-to-lightbox .link:hover {
      cursor: pointer; }
  .key-modal .add-to-lightbox .create-new-lightbox {
    display: inline-flex;
    margin-top: 1.875rem; }
    @media (min-width: 768px) {
      .key-modal .add-to-lightbox .create-new-lightbox {
        display: flex;
        flex-grow: 1;
        align-items: flex-end;
        margin-top: 0; } }
  .key-modal .add-to-lightbox .left-side {
    background: #f1f1f1; }
  .key-modal .add-to-lightbox .right-side {
    flex-grow: 1;
    display: flex; }
  .key-modal .add-to-lightbox .key-close-icon {
    position: absolute;
    top: 15px;
    right: 15px; }
    .key-modal .add-to-lightbox .key-close-icon:hover {
      cursor: pointer; }
  .key-modal .add-to-lightbox .buttons-holder {
    display: flex;
    justify-content: space-between; }
    @media (min-width: 768px) {
      .key-modal .add-to-lightbox .buttons-holder {
        justify-content: flex-end; } }
  .key-modal .add-to-lightbox .image-holder {
    display: flex;
    justify-content: center;
    margin: 1.25rem 0; }
    .key-modal .add-to-lightbox .image-holder img {
      object-fit: contain;
      height: 208px;
      width: 208px; }
      @media (min-width: 768px) {
        .key-modal .add-to-lightbox .image-holder img {
          height: 225px;
          width: 225px; } }
      .key-modal .add-to-lightbox .image-holder img.square {
        padding: 15px; }
        @media (min-width: 768px) {
          .key-modal .add-to-lightbox .image-holder img.square {
            padding: 20px; } }
    @media (min-width: 768px) {
      .key-modal .add-to-lightbox .image-holder {
        margin: 3.4375rem 1.875rem; } }

.lightbox-headline, .bag-headline {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .lightbox-headline .headline, .bag-headline .headline {
    color: #000;
    margin-bottom: 0.5rem; }

.lightbox-option-list {
  align-items: center;
  display: flex;
  flex-wrap: wrap; }
  .lightbox-option-list .dropdown {
    position: relative; }
  .lightbox-option-list .lightbox-dropdown {
    border: solid #d0d0d0 1px;
    margin-top: 10px;
    padding: 10px 20px; }
    .lightbox-option-list .lightbox-dropdown a {
      display: block;
      white-space: nowrap; }

.lightbox-option-entry {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  align-items: center;
  display: flex;
  margin-bottom: 0.5rem;
  margin-right: 2.25rem;
  /* stylelint-disable-next-line plugin/selector-tag-no-without-class */ }
  .lightbox-option-entry:last-child {
    margin-right: 0; }
  .lightbox-option-entry span[class*="icon"] {
    margin-right: 0.4375rem; }
  .lightbox-option-entry a {
    display: flex; }
  .lightbox-option-entry--color-gray {
    color: #444; }

.lightbox-folder-lead-text {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  color: #444;
  max-width: 73.75rem;
  margin-bottom: 2.8125rem; }

.lightbox-folder-amount-images {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.8px;
  color: #000;
  text-transform: uppercase; }

.lightboxes-wrapper .portlet-title-text {
  line-height: 38px;
  margin-bottom: 3.5rem;
  margin-top: 1.875rem;
  text-align: left;
  text-transform: none; }

.masonry {
  margin: 5.625rem calc(((100% - 100vw) / 2) + 2px) -6px; }
  @media (min-width: 992px) {
    .masonry {
      margin-top: 3px; } }
  .masonry .box {
    margin: 5px;
    position: relative; }
    .masonry .box img {
      width: 100%;
      height: 100%; }
    .masonry .box .container-abs .spacing {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem; }
    .masonry .box .title {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      color: #fff;
      padding-bottom: 0.875rem;
      display: block; }
    @media (min-width: 992px) {
      .masonry .box {
        margin: 11px; }
        .masonry .box .title {
          font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-size: 16px;
          line-height: 22px;
          letter-spacing: 0.8px; } }
  .masonry .box-container {
    display: flex;
    margin-left: -5px;
    margin-right: -5px; }
  .masonry .box-landscape {
    flex-grow: 1.5; }
  .masonry .box-square {
    flex-grow: 1; }

.searchresult-header {
  display: flex; }
  .searchresult-header .aside-toggle {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    color: #fff;
    outline: none;
    display: flex;
    justify-content: space-between;
    padding: 1.3em 0;
    background: transparent;
    border: 0;
    width: 100%; }
  .searchresult-header .filter-container {
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    width: calc(100% - 13.25rem); }
  .searchresult-header .filter-entry {
    display: flex;
    margin-right: 1.7em;
    align-items: center; }
    .searchresult-header .filter-entry:last-child {
      margin-right: 0; }
    .searchresult-header .filter-entry .key-camera-icon {
      margin-top: 1px; }
  .searchresult-header .filter-entry-active .filter-text {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #000; }
  .searchresult-header .filter-text {
    margin-left: 0.5em;
    color: #444; }
    .searchresult-header .filter-text:hover {
      color: #000;
      text-decoration: none; }
  .searchresult-header .filter-count {
    margin-left: 0.4em; }
  .searchresult-header .open .open-icon {
    display: none; }
  .searchresult-header .close-icon {
    display: none; }
  .searchresult-header .open .close-icon {
    display: inline-flex; }

@media (min-width: 768px) {
  .searchresult-header .aside-toggle {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 1px; }
  .searchresult-header .filter-entry {
    margin-right: 3em; }
  .searchresult-header .filter-container {
    width: calc(100% - 16.625rem); } }

@media (max-width: 767px) {
  .searchresult-header .filter-entry .key-camera-icon {
    height: 18px;
    width: 23px; }
  .searchresult-header .filter-entry .key-video-icon {
    width: 30px;
    height: 18px; }
  .searchresult-header .filter-entry .key-infographic-icon {
    width: 18px;
    height: 18px; } }

.facet {
  display: flex;
  flex-direction: column;
  /* Liferay Styling */ }
  .facet .info-icon-container {
    margin-left: 5px; }
  .facet .facet-section {
    border-top: solid #888 1px;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem; }
    .facet .facet-section .nav li {
      width: 100%; }
  .facet .facet-element {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    margin-top: 0.5625rem;
    margin-bottom: 0.5625rem; }
  .facet .facet-section-title {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px; }
  .facet .facet-toggle-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer; }
  .facet .nav {
    padding-top: 0;
    padding-bottom: 0; }
  .facet .nav > li > a {
    padding: 0; }
  .facet .nav-nested .nav > li > a {
    padding-left: 0; }
  .facet .collapse-icon {
    display: flex;
    justify-content: space-between; }
    .facet .collapse-icon .icon-rotate {
      transition: 0.5s; }
  .facet .collapsed .icon-rotate {
    transform: rotate(-90deg); }
  .facet .facet-button-container {
    display: flex;
    justify-content: flex-end; }
    .facet .facet-button-container .key-button:hover, .facet .facet-button-container .portlet-forms .btn:hover, .portlet-forms .facet .facet-button-container .btn:hover {
      background-color: #888; }

.breadbox {
  padding-top: 1.0625rem;
  padding-bottom: 0.4375rem;
  display: flex;
  justify-content: space-between;
  border-bottom: solid #d0d0d0 1px;
  margin-bottom: 0.25rem; }
  .breadbox .left-side,
  .breadbox .right-side,
  .breadbox .breadcrumb-list,
  .breadbox .remove-all-link {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
  .breadbox .result-number {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.5px;
    margin-right: 0.5em; }
  .breadbox .breadcrumb-list {
    margin-left: -0.5625rem;
    margin-right: -0.5625rem; }
  .breadbox .breadcrumb-entry {
    display: flex;
    border: solid #d0d0d0 1px;
    border-radius: 23px;
    padding: 0.3125rem 0.5625rem;
    margin-left: 0.5625rem;
    margin-bottom: 0.4375rem; }
    .breadbox .breadcrumb-entry:hover {
      text-decoration: none;
      background-color: #f1f1f1; }
    .breadbox .breadcrumb-entry:last-of-type {
      margin-right: 1.875rem; }
  .breadbox .breadcrumb-actions {
    margin-bottom: 0.4375rem;
    display: flex; }
  .breadbox .breadcrumb-entry-text {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 1;
    margin-right: 0.5em;
    color: #444; }
  .breadbox .searchprofile-link {
    display: flex;
    align-items: center; }
  .breadbox .right-side {
    margin-left: -1.43em;
    margin-right: -1.43em; }
  .breadbox .right-side-entry {
    padding-left: 0.7em;
    padding-right: 1.43em;
    display: flex;
    flex-wrap: nowrap; }
  .breadbox .remove-all-link-text,
  .breadbox .create-profile-text {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    margin-left: 0.5em; }
  .breadbox .create-profile-text {
    display: flex;
    align-items: center; }
  .breadbox .sort-order-select {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    padding-right: 1.75rem;
    margin-right: -0.625rem; }
  .breadbox .select-layout {
    padding-left: 0; }
  .breadbox .divider-vertical {
    margin-left: 0;
    margin-right: 0;
    border-color: #d0d0d0; }

.snackbar-container {
  display: flex;
  flex-direction: column-reverse;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999; }
  @media (min-width: 768px) {
    .snackbar-container:first-child {
      margin-bottom: 5.625rem; } }

.snackbar {
  background: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4);
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  position: relative;
  height: auto;
  padding: 0.625rem;
  margin-bottom: 1.875rem;
  margin-left: auto;
  margin-right: auto;
  width: 335px; }
  @media (min-width: 768px) {
    .snackbar {
      padding: 0.625rem 0.71428em;
      width: 549px; } }
  .snackbar.only-text {
    padding: 0.9375rem; }
    @media (min-width: 768px) {
      .snackbar.only-text {
        padding: 1.5625rem 2em; } }
  .snackbar .content-wrapper {
    display: flex;
    align-items: center;
    width: 100%; }
  .snackbar .image-holder {
    margin-right: 1.3571em; }
    .snackbar .image-holder,
    .snackbar .image-holder img {
      height: 60px;
      width: 60px; }
    .snackbar .image-holder img {
      object-fit: contain; }
      .snackbar .image-holder img.square {
        padding: 5px; }
  .snackbar .key-cancel-icon, .snackbar span.deleteicon span, span.deleteicon .snackbar span, .snackbar .modal button.close, .modal .snackbar button.close {
    position: absolute;
    right: 15px;
    top: 15px; }
    .snackbar .key-cancel-icon:hover, .snackbar span.deleteicon span:hover, span.deleteicon .snackbar span:hover, .snackbar .modal button.close:hover, .modal .snackbar button.close:hover {
      cursor: pointer; }

.snackbar-enter-active,
.snackbar-leave-active {
  transition: all 0.5s ease-out; }

.snackbar-enter,
.snackbar-leave-to {
  opacity: 0; }

.prompt {
  background: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4);
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.6px;
  padding: 1.25rem;
  width: 335px; }
  @media (min-width: 768px) {
    .prompt {
      width: 549px; } }
  .prompt .content-wrapper {
    flex-direction: column;
    display: flex; }
  .prompt .buttons-holder {
    align-self: flex-end; }
  .prompt .text-holder {
    align-self: flex-start;
    margin-bottom: 1.25rem; }

.key-modal .search-profile {
  background: #fff;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.4);
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 22px;
  line-height: 28px;
  letter-spacing: 0.6px;
  position: relative;
  padding: 1.875rem;
  width: 335px; }
  @media (min-width: 768px) {
    .key-modal .search-profile {
      width: 663px; } }
  .key-modal .search-profile .key-close-icon {
    position: absolute;
    top: 15px;
    right: 15px; }
    .key-modal .search-profile .key-close-icon:hover {
      cursor: pointer; }
  .key-modal .search-profile .pill .key-close-small-icon:hover, .key-modal .search-profile .taglib-categorization-filter .asset-entry .key-close-small-icon:hover, .taglib-categorization-filter .key-modal .search-profile .asset-entry .key-close-small-icon:hover {
    cursor: pointer; }
  .key-modal .search-profile hr {
    margin: 0 0 1.875rem 0; }
  .key-modal .search-profile .content-wrapper {
    flex-direction: column;
    display: flex; }
  .key-modal .search-profile .buttons-holder {
    display: flex;
    justify-content: flex-end; }
  .key-modal .search-profile .text-holder {
    align-self: flex-start;
    margin-bottom: 1.25rem; }

.asset-detail .arrows-container {
  display: none;
  width: 100%;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 0; }
  .asset-detail .arrows-container .icon-right,
  .asset-detail .arrows-container .icon-left {
    width: 2.625rem;
    height: 2.625rem; }
    .asset-detail .arrows-container .icon-right:hover,
    .asset-detail .arrows-container .icon-left:hover {
      width: 2.75rem;
      height: 2.75rem; }
    @media (min-width: 768px) and (max-width: 992px) {
      .asset-detail .arrows-container .icon-right,
      .asset-detail .arrows-container .icon-left {
        margin: 0 1.25rem; } }
  @media (min-width: 768px) {
    .asset-detail .arrows-container {
      display: flex; } }
  .asset-detail .arrows-container a {
    -ms-grid-row-align: center;
    align-self: center; }

.asset-detail .asset-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
  text-align: center;
  width: 100%; }

.asset-detail .media-control-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%; }
  .asset-detail .media-control-container:last-child {
    padding-bottom: 1.25rem; }
  @media (min-width: 768px) {
    .asset-detail .media-control-container {
      flex: 1;
      overflow: hidden; } }

.asset-detail .preview-media {
  position: relative; }

.preview-container {
  border-bottom: solid #d0d0d0 1px; }
  .preview-container .asset-request-link {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    display: inline-flex;
    align-items: center;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem; }
  .preview-container .key-button + .asset-request-link, .preview-container .portlet-forms .btn + .asset-request-link, .portlet-forms .preview-container .btn + .asset-request-link {
    margin-left: 0.9375rem; }
    @media (min-width: 992px) {
      .preview-container .key-button + .asset-request-link, .preview-container .portlet-forms .btn + .asset-request-link, .portlet-forms .preview-container .btn + .asset-request-link {
        margin-left: 1.5625rem; } }
    @media (min-width: 1400px) {
      .preview-container .key-button + .asset-request-link, .preview-container .portlet-forms .btn + .asset-request-link, .portlet-forms .preview-container .btn + .asset-request-link {
        margin-left: 2.5rem; } }
  .preview-container .asset-request-text {
    margin-left: 0.4375rem; }
  .preview-container .actions-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    margin-top: 0.3125rem;
    min-height: 2.5rem;
    flex-shrink: 1; }
    @media (min-width: 768px) {
      .preview-container .actions-icons {
        margin-bottom: -0.78125rem; } }
    .preview-container .actions-icons-entry-text {
      margin-left: 0.625rem; }
    .preview-container .actions-icons .asset-overlay-action-icons-container {
      background-color: transparent; }
    .preview-container .actions-icons .asset-overlay-action-icon-entry {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      padding-left: 1.25rem;
      padding-right: 1.25rem; }
    .preview-container .actions-icons .asset-overlay-action-icon-subentry {
      display: flex; }
  .preview-container .container-align {
    display: flex;
    flex-wrap: wrap; }
    .preview-container .container-align .preview-media-container {
      width: 100%;
      height: 100%;
      padding: 1.25rem 1.25rem 0;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      @media (min-width: 768px) {
        .preview-container .container-align .preview-media-container {
          padding: 1.5rem;
          border-bottom: none; } }
      @media (min-width: 992px) {
        .preview-container .container-align .preview-media-container {
          padding: 1.875rem; } }
    .preview-container .container-align .preview-desc-container {
      width: 100%;
      height: 100%; }
      .preview-container .container-align .preview-desc-container .asset-request-link {
        margin-left: 0px;
        margin-right: 10px; }
      .preview-container .container-align .preview-desc-container .desc-footer {
        align-items: flex-start;
        display: flex;
        flex-direction: column; }
        .preview-container .container-align .preview-desc-container .desc-footer-actions {
          margin-top: 20px; }
          .preview-container .container-align .preview-desc-container .desc-footer-actions .key-button, .preview-container .container-align .preview-desc-container .desc-footer-actions .portlet-forms .btn, .portlet-forms .preview-container .container-align .preview-desc-container .desc-footer-actions .btn {
            margin-right: 15px;
            margin-bottom: 5px; }
    @media (min-width: 768px) {
      .preview-container .container-align {
        height: 80vh; }
        .preview-container .container-align .preview-media-container {
          width: 62%; }
        .preview-container .container-align .preview-desc-container {
          width: 38%; } }
    @media (min-width: 1400px) {
      .preview-container .container-align .preview-media-container {
        width: 75%; }
      .preview-container .container-align .preview-desc-container {
        width: 25%; } }
    .preview-container .container-align .preview-media {
      height: 100%; }
      .preview-container .container-align .preview-media .img-icons {
        position: absolute;
        top: 1.25rem;
        right: 1.25rem;
        flex-direction: column;
        align-items: center;
        display: none;
        /* stylelint-disable-next-line plugin/selector-tag-no-without-class */ }
        @media (max-width: 1399px) {
          .preview-container .container-align .preview-media .img-icons {
            display: flex; } }
        .preview-container .container-align .preview-media .img-icons span {
          margin-bottom: 1.125rem; }
      .preview-container .container-align .preview-media .clickable:hover {
        cursor: pointer; }
      .preview-container .container-align .preview-media:hover .img-icons {
        display: flex; }
      .preview-container .container-align .preview-media .spacing {
        flex-direction: row;
        padding: 0; }
      @media (min-width: 992px) {
        .preview-container .container-align .preview-media {
          padding: 0 4.875rem; } }
    .preview-container .container-align .icons {
      display: none;
      text-align: right; }
      .preview-container .container-align .icons a {
        margin-right: 1.375rem; }
        .preview-container .container-align .icons a:last-child {
          margin-right: 0; }
      @media (min-width: 768px) {
        .preview-container .container-align .icons {
          display: block; } }
    .preview-container .container-align .preview-desc {
      padding: 1.25rem;
      height: 100%;
      overflow: hidden; }
      @media (min-width: 768px) {
        .preview-container .container-align .preview-desc {
          padding: 0.9375rem 0; } }
      @media (min-width: 768px) {
        .preview-container .container-align .preview-desc {
          border-left: solid #d0d0d0 1px; } }
      .preview-container .container-align .preview-desc .content-core .content-desc {
        margin-right: -1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 1.25rem; }
        @media (min-width: 768px) {
          .preview-container .container-align .preview-desc .content-core .content-desc {
            margin-right: -1.5rem;
            padding-right: 1.5rem; } }
        @media (min-width: 1400px) {
          .preview-container .container-align .preview-desc .content-core .content-desc {
            margin-right: -1.875rem;
            padding-right: 1.875rem; } }
        .preview-container .container-align .preview-desc .content-core .content-desc .request {
          font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
          font-size: 14px;
          line-height: 20px;
          letter-spacing: 0.7px;
          display: flex;
          padding: 0.75rem 0;
          color: #000; }
          .preview-container .container-align .preview-desc .content-core .content-desc .request a {
            display: inline-flex; }
          @media (min-width: 1400px) {
            .preview-container .container-align .preview-desc .content-core .content-desc .request {
              padding: 1.25rem 0; } }
          .preview-container .container-align .preview-desc .content-core .content-desc .request .key-question-icon {
            margin-right: 0.75rem; }
            @media (min-width: 768px) {
              .preview-container .container-align .preview-desc .content-core .content-desc .request .key-question-icon {
                margin-right: 0.5rem; } }
      .preview-container .container-align .preview-desc .divider {
        color: #d0d0d0;
        margin: 0 -1.25rem;
        padding: 0; }
        @media (min-width: 768px) {
          .preview-container .container-align .preview-desc .divider {
            margin: 0 -1.5rem; } }
        @media (min-width: 1400px) {
          .preview-container .container-align .preview-desc .divider {
            margin: 0 -1.875rem; } }
      .preview-container .container-align .preview-desc .key-triangleright-icon,
      .preview-container .container-align .preview-desc .key-triangledown-icon,
      .preview-container .container-align .preview-desc .key-form-control-select {
        margin-right: 0.75rem; }
      .preview-container .container-align .preview-desc .desc-accordion {
        padding: 1.875rem 0;
        display: flex;
        flex-wrap: wrap;
        /* Acordeon styles */
        position: relative;
        overflow: hidden;
        /* :checked */ }
        .preview-container .container-align .preview-desc .desc-accordion .desc-topic--label {
          cursor: pointer; }
        .preview-container .container-align .preview-desc .desc-accordion .collapse-detail {
          position: absolute;
          opacity: 0;
          z-index: 10;
          left: 0;
          right: 0;
          width: 100%;
          height: 1.25rem;
          margin: 0; }
        .preview-container .container-align .preview-desc .desc-accordion .accordion-hidden {
          margin-top: 0.75rem;
          max-height: 0;
          width: 100%;
          overflow: hidden; }
        .preview-container .container-align .preview-desc .desc-accordion .key-triangleright-icon {
          transition: transform 0.2s linear; }
        .preview-container .container-align .preview-desc .desc-accordion .collapse-detail:checked ~ .accordion-hidden {
          max-height: none; }
        .preview-container .container-align .preview-desc .desc-accordion .collapse-detail:checked ~ .key-triangleright-icon {
          transform: rotate(90deg); }
      .preview-container .container-align .preview-desc .desc-buy {
        font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.7px;
        color: #444;
        padding-top: 0.9375rem;
        display: flex;
        flex-direction: column; }
        .preview-container .container-align .preview-desc .desc-buy .desc-offer {
          display: inline-flex;
          padding-bottom: 1rem; }
          .preview-container .container-align .preview-desc .desc-buy .desc-offer .key-info-black-icon {
            margin-left: 0.3125rem; }
  .preview-container .arrows-container a {
    /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */
    -ms-grid-row-align: center;
    align-self: center;
    margin: 0 -0.78125rem; }
    @media (min-width: 992px) {
      .preview-container .arrows-container a {
        margin: 0; } }
  @media (min-width: 768px) {
    .preview-container .content-core {
      height: calc(100% - 1.3125rem);
      overflow-y: auto;
      overflow-x: hidden; } }
  .preview-container .asset {
    height: auto;
    max-width: 100%; }
    @media (min-width: 768px) {
      .preview-container .asset {
        height: auto;
        max-height: 100%;
        max-width: 100%;
        width: auto; } }
  .preview-container .desc-info {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #444;
    padding: 0 4px;
    margin-bottom: 15px; }
    .preview-container .desc-info.no-space-bottom {
      padding-bottom: 0; }
  .preview-container .desc-info-text {
    margin-top: 10px; }
  .preview-container .desc-info-invisible {
    visibility: hidden; }
  .preview-container .desc-photoid {
    font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #444;
    text-align: left; }
  .preview-container .desc-title {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.6px;
    color: #000;
    padding-bottom: 0.625rem;
    margin-top: 15px; }
    @media (min-width: 768px) {
      .preview-container .desc-title {
        padding-top: 1.375rem; } }
  .preview-container .desc-topic {
    display: flex;
    flex-direction: column; }
    @media (max-width: 767px) {
      .preview-container .desc-topic + .desc-topic {
        margin-top: 11px; } }
    @media (min-width: 768px) {
      .preview-container .desc-topic {
        flex-direction: row; } }
    .preview-container .desc-topic--label {
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      color: #000; }
      @media (min-width: 768px) {
        .preview-container .desc-topic--label {
          width: 40%; } }
    .preview-container .desc-topic--value {
      font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      padding: 0;
      color: #444; }
      @media (min-width: 768px) {
        .preview-container .desc-topic--value {
          padding: 0 0.3125rem;
          width: 60%; } }
  .preview-container .desc-accordion {
    color: #000; }
  .preview-container .icons-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    height: 1.25rem; }
  .preview-container label {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    .preview-container .print-right-side + .print-left-side {
      margin-top: 11px; } }
  .preview-container .offline .image-effect-offline {
    max-height: 100%;
    max-width: 100%; }

@media (min-width: 768px) {
  .preview-container-view .content-core {
    height: calc(100% - 124px);
    overflow-x: hidden; } }

.preview-container-view .preview-media-container {
  border-bottom: solid #e3e3e3 1px; }

.disable-preview-button:hover {
  color: #444; }

@media print {
  /* stylelint-disable */
  .dot-ellipsis-2,
  .dot-ellipsis-3,
  .dot-ellipsis-5 {
    -webkit-line-clamp: unset; }
  .show-more-button {
    display: none; }
  .image-desc-divider {
    /* override hidden xs on print */
    display: block !important; }
  .preview-container {
    padding-top: 20px; }
    .preview-container .container-align {
      display: block !important;
      height: auto !important; }
    .preview-container .desc-topic--label {
      font-size: 16px;
      line-height: 24px; }
    .preview-container .desc-topic--value {
      padding: 0; }
    .preview-container .desc-topic--value,
    .preview-container .desc-info,
    .preview-container .desc-photoid {
      font-size: 16px;
      line-height: 24px;
      /* override aui font-color styling with important */
      color: #444 !important;
      visibility: visible !important; }
    .preview-container .desc-title {
      font-size: 24px;
      line-height: 36px;
      padding-top: 0.75rem;
      padding-bottom: 0; }
    .preview-container .icons-header {
      margin-bottom: 0.5rem; }
  .preview-media-container,
  .preview-desc-container {
    display: block !important;
    width: 100% !important; }
  .preview-media-container {
    padding: 1.875rem 0 !important; }
  .preview-desc {
    border: none !important;
    height: auto;
    overflow: visible; }
  a[href]:after {
    content: none; }
  .content-desc-metadata {
    display: flex; }
  .preview-container .container-align .preview-media-container,
  .preview-container {
    border-bottom: none; }
  .print-right-side {
    order: 100; }
  .print-left-side,
  .print-right-side {
    padding-right: 1%;
    width: 49%; }
    .print-left-side .desc-topic,
    .print-right-side .desc-topic {
      display: block; }
    .print-left-side .desc-topic--label,
    .print-left-side .desc-topic--value,
    .print-right-side .desc-topic--label,
    .print-right-side .desc-topic--value {
      width: 100%; }
  .preview-container .asset {
    max-height: 16cm !important;
    height: auto !important;
    position: static !important;
    top: 0 !important;
    transform: none !important; }
  #banner,
  #footer,
  .preview-container .arrows-container,
  .preview-container .desc-footer,
  .preview-container .icons-header .icons,
  .preview-container .actions-icons,
  .preview-container .image-effect-container canvas,
  .divider {
    display: none !important; }
  /* stylelint-enable */ }

.acquisition {
  background-color: #f1f1f1; }
  @media (min-width: 768px) {
    .acquisition .preview-media-container {
      background-color: #fff; } }
  .acquisition .key-button, .acquisition .portlet-forms .btn, .portlet-forms .acquisition .btn {
    margin-top: 0.625rem; }
  @media (min-width: 768px) {
    .acquisition .desc-title {
      padding-top: 0; } }
  .acquisition.preview-container .desc-topic {
    flex-direction: column; }
    .acquisition.preview-container .desc-topic + .desc-topic {
      margin-top: 11px; }
    .acquisition.preview-container .desc-topic--label {
      width: 100%; }
    .acquisition.preview-container .desc-topic--value {
      padding: 0;
      width: 100%; }

.img-maxview-container {
  margin-bottom: 1.875rem; }
  .img-maxview-container .close-icon {
    display: flex;
    justify-content: flex-end;
    margin-top: 2.8125rem; }
  .img-maxview-container .img-maxview {
    margin-top: 0.9375rem;
    margin-bottom: 4.6875rem; }
  .img-maxview-container img {
    max-width: 100%;
    max-height: 31.375rem; }
    @media (min-width: 768px) {
      .img-maxview-container img {
        max-height: 56.375rem; } }
  .img-maxview-container .desc-maxview {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #000;
    display: flex;
    justify-content: space-between; }
    .img-maxview-container .desc-maxview .img-show {
      display: inline-flex;
      position: relative; }
      .img-maxview-container .desc-maxview .img-show .stream-control {
        position: absolute;
        opacity: 0;
        z-index: 10;
        left: 0;
        right: 0;
        width: 100%;
        height: 1.25rem;
        margin: 0; }
      .img-maxview-container .desc-maxview .img-show .stream {
        display: inline-flex;
        margin-left: 0.9375rem; }
  @media (min-width: 768px) {
    .img-maxview-container .preview-media {
      padding-left: 6.75rem;
      padding-right: 6.75rem; } }

.result-grid {
  margin-top: 1rem; }

.result-actions {
  padding-top: 0.8125rem;
  padding-bottom: 0.4375rem;
  display: flex;
  justify-content: space-between; }
  .result-actions .autoupdate-text {
    margin-left: 0.625rem; }
  .result-actions .autoupdate-link {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #888;
    cursor: pointer; }
    .result-actions .autoupdate-link.active {
      color: #000; }
  .result-actions .sort-order-select {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    padding-right: 1.75rem;
    margin-right: -0.625rem;
    color: #000; }
  .result-actions .left-side,
  .result-actions .right-side {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
  .result-actions .result-number {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.5px;
    margin-right: 0.5em;
    color: #000; }
  .result-actions .right-side {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem; }
  .result-actions .right-side-entry {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    display: flex; }

.result .slider.grid {
  border-bottom: solid #e3e3e3 1px;
  line-height: 0;
  margin-top: 0;
  padding-bottom: 1.25rem;
  padding-top: 0; }
  @media (min-width: 480px) {
    .result .slider.grid {
      padding-top: 0; } }

@media (min-width: 768px) {
  .result .slider.grid {
    padding-bottom: 1.875rem;
    padding-top: 0; }
  .result-grid {
    margin-top: 1.3125rem; }
  .result-actions {
    padding-top: 1.5625rem; } }

.my-table-portlet {
  /* stylelint-disable-next-line scss/at-extend-no-missing-placeholder */ }
  .my-table-portlet-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.625rem;
    flex-wrap: wrap; }
    @media (min-width: 992px) {
      .my-table-portlet-header {
        margin-bottom: 2.375rem; } }
  .my-table-portlet .datepicker-form {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
    flex-wrap: wrap;
    width: calc(100% + 1.875rem); }
    @media (min-width: 992px) {
      .my-table-portlet .datepicker-form {
        justify-content: flex-end;
        flex-wrap: nowrap;
        width: auto; } }
  .my-table-portlet .period-date-picker-entry {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 50%; }
    @media (min-width: 992px) {
      .my-table-portlet .period-date-picker-entry {
        flex-direction: row;
        align-items: center; } }
  .my-table-portlet .period-date-picker {
    display: flex;
    align-items: center;
    width: 100%; }
    .my-table-portlet .period-date-picker,
    .my-table-portlet .period-date-picker .period-date-picker-entry {
      margin-left: 0.46875rem;
      margin-right: 0.46875rem; }
    @media (min-width: 992px) {
      .my-table-portlet .period-date-picker .date-picker-border-div,
      .my-table-portlet .period-date-picker .date-picker-label {
        margin-left: 0.46875rem;
        margin-right: 0.46875rem; } }
  .my-table-portlet .date-picker-border-div {
    width: 100%; }
    @media (min-width: 992px) {
      .my-table-portlet .date-picker-border-div {
        width: 129px; } }
    .my-table-portlet .date-picker-border-div .lfr-input-date {
      height: 30px;
      align-items: center;
      display: flex; }
  .my-table-portlet .date-picker-label {
    margin-bottom: 0.3125rem; }
    @media (min-width: 992px) {
      .my-table-portlet .date-picker-label {
        margin-bottom: 0; } }
  .my-table-portlet .my-table-portlet-amount {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #000;
    order: 100;
    align-items: center;
    display: flex; }
    @media (min-width: 992px) {
      .my-table-portlet .my-table-portlet-amount {
        order: 0; } }
  .my-table-portlet .btn {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    margin: 0.75rem 0.9375rem 1.875rem;
    padding: 0.3125rem 0.875rem;
    text-transform: uppercase; }
    @media (min-width: 992px) {
      .my-table-portlet .btn {
        margin-top: 0;
        margin-bottom: 0; } }
  .my-table-portlet .form-control {
    border-bottom: none; }
  .my-table-portlet .label-centered-mobile.my-table-col {
    align-items: center; }
  .my-table-portlet .my-table-row {
    margin-top: 0.9375rem;
    padding-top: 0.9375rem; }
    @media (min-width: 992px) {
      .my-table-portlet .my-table-row {
        margin-top: 0;
        padding-top: 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 6.25rem 9.375rem 9.375rem 12.5rem 9.375rem auto 4.375rem;
        grid-template-columns: 6.25rem 9.375rem 9.375rem 12.5rem 9.375rem auto 4.375rem; } }
    @media (min-width: 1120px) {
      .my-table-portlet .my-table-row {
        grid-column-gap: 1.875rem; } }
  .my-table-portlet .my-table-body .my-table-row {
    border-top: solid #d0d0d0 1px; }
  .my-table-portlet .my-table-row-single {
    border-top: solid #d0d0d0 1px;
    border-bottom: solid #d0d0d0 1px; }
  .my-table-portlet .my-table-head {
    display: none; }
    @media (min-width: 992px) {
      .my-table-portlet .my-table-head {
        display: block; } }
  .my-table-portlet .my-table-head .my-table-col {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    color: #000; }
    .my-table-portlet .my-table-head .my-table-col-select-all .input-checkbox-wrapper,
    .my-table-portlet .my-table-head .my-table-col-select-all .input-checkbox-wrapper label {
      margin-bottom: 0; }
  .my-table-portlet .my-table-col {
    display: flex;
    align-self: center;
    font-size: 0.875rem;
    padding-top: 0.53125rem;
    padding-bottom: 0.53125rem;
    align-items: flex-start;
    word-break: break-word; }
    @media (min-width: 992px) {
      .my-table-portlet .my-table-col {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem; } }
    .my-table-portlet .my-table-col::before {
      /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
      font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
      font-size: 14px;
      line-height: 20px;
      letter-spacing: 0.7px;
      color: #000;
      content: attr(data-label);
      width: 40%;
      display: flex;
      align-items: flex-start;
      flex-shrink: 0;
      margin-right: 0.3125rem;
      word-break: break-all; }
      @media (min-width: 992px) {
        .my-table-portlet .my-table-col::before {
          content: none; } }
    .my-table-portlet .my-table-col a {
      color: #444; }
  .my-table-portlet .asset-link {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .my-table-portlet .asset {
    height: 4.6875rem;
    width: 4.6875rem;
    object-fit: contain; }
  .my-table-portlet .day-left-download {
    display: flex;
    white-space: nowrap;
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 11px;
    letter-spacing: 0.7px; }

@media (min-width: 992px) {
  .table-actions.my-table-col {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px; }
    .table-actions.my-table-col button.small {
      width: 200px;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 0; }
  .downloads-portlet .my-table-row {
    -ms-grid-columns: 6.25rem 9.375rem 9.375rem 12.5rem 9.375rem 1fr 6.25rem;
    grid-template-columns: 6.25rem 9.375rem 9.375rem 12.5rem 9.375rem 1fr 6.25rem; }
  .basket-table .my-table-row {
    -ms-grid-columns: (6rem)[2] 1fr 5rem 10rem 18rem;
    grid-template-columns: repeat(2, 6rem) 1fr 5rem 10rem 18rem; }
  .purchases-table .my-table-row {
    -ms-grid-columns: (6rem)[3] 1fr (6rem)[2] 18rem;
    grid-template-columns: repeat(3, 6rem) 1fr repeat(2, 6rem) 18rem; }
  .bag-table .my-table-row {
    -ms-grid-columns: (6rem)[3] 1fr (6rem)[2] 14rem;
    grid-template-columns: repeat(3, 6rem) 1fr repeat(2, 6rem) 14rem; }
  .clearances-portlet .my-table-row {
    -ms-grid-columns: 6.25rem 9.375rem 9.375rem 1fr 2fr 2fr 7.5rem;
    grid-template-columns: 6.25rem 9.375rem 9.375rem 1fr 2fr 2fr 7.5rem; }
  .offers-portlet .my-table-row {
    -ms-grid-columns: 10.625rem 9.375rem 9.375rem 1fr 13.75rem;
    grid-template-columns: 10.625rem 9.375rem 9.375rem 1fr 13.75rem; }
  .orders-portlet .my-table-row {
    -ms-grid-columns: 10.625rem 9.375rem 9.375rem 1fr 13.75rem;
    grid-template-columns: 10.625rem 9.375rem 9.375rem 1fr 13.75rem; } }

.key-detail-portlet .key-detail-data-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  margin-top: 1.625rem;
  margin-bottom: 1.875rem;
  word-break: break-word; }

.key-detail-portlet .key-detail-lead {
  font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.6px;
  color: #000;
  max-width: 50%; }

.key-detail-portlet .key-detail-label {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  color: #000;
  -ms-grid-column: 1; }

.key-detail-portlet .key-detail-text {
  -ms-grid-column: 2; }

.portlet-keyword .keyword-title {
  font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px;
  color: #000; }

.portlet-keyword .keyword-element {
  font-family: "Replica-Regular", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px; }
  .portlet-keyword .keyword-element:hover {
    color: #888;
    text-decoration: none; }

.portlet-keyword .keyword-separator {
  padding-left: 14px;
  padding-right: 9px; }
  .portlet-keyword .keyword-separator:last-child {
    display: none; }

@media (min-width: 768px) {
  .portlet-keyword .keyword-title {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.8px; } }

.mouseover-preview {
  max-width: none;
  box-shadow: 0 11px 14px 5px rgba(0, 0, 0, 0.55);
  border: 2px solid #d0d0d0;
  position: fixed;
  top: auto;
  left: auto; }
  .mouseover-preview:not(.show) {
    pointer-events: none; }
  .mouseover-preview__body {
    flex-direction: column;
    min-height: 50vh; }
  .mouseover-preview__asset {
    object-fit: contain;
    object-position: top; }
  .mouseover-preview__separator {
    height: 1px;
    width: 100%;
    background-color: #d0d0d0;
    margin-top: 15px; }
  .mouseover-preview__information {
    margin: 15px 16px 16px; }
  .mouseover-preview.clay-popover-left .arrow,
  .mouseover-preview.clay-popover-right .arrow {
    top: 200px; }
  .mouseover-preview.clay-popover-right .arrow::after, .mouseover-preview.clay-popover-right-bottom .arrow::after, .mouseover-preview.clay-popover-right-top .arrow::after {
    border-right-color: #888; }
  .mouseover-preview.clay-popover-left .arrow::after, .mouseover-preview.clay-popover-left-bottom .arrow::after, .mouseover-preview.clay-popover-left-top .arrow::after {
    border-left-color: #888; }
  .mouseover-preview.portrait .mouseover-preview__asset, .mouseover-preview.square .mouseover-preview__asset {
    max-height: calc(100vh - 400px); }
  .mouseover-preview.portrait .mouseover-preview__information, .mouseover-preview.square .mouseover-preview__information {
    max-width: 500px; }
  .mouseover-preview.portrait .mouseover-preview__asset, .mouseover-preview.square .mouseover-preview__asset {
    /* We need to find the lower value of the both, because otherwise the thumbnail image will be sized too big,
           based on the inline height value set on it and after the big image is loaded it gets resized */
    max-height: min(calc(100vh - 200px), calc(50vw - 325px));
    max-width: calc(50vw - 325px); }
  .mouseover-preview.portrait .mouseover-preview__body, .mouseover-preview.square .mouseover-preview__body {
    flex-direction: row; }
  .mouseover-preview.portrait .mouseover-preview__asset.lazyloaded, .mouseover-preview.square .mouseover-preview__asset.lazyloaded {
    height: auto;
    padding: 15px 30px; }
  .mouseover-preview.portrait .mouseover-preview__asset-wrapper, .mouseover-preview.square .mouseover-preview__asset-wrapper {
    border-color: #e3e3e3;
    border-width: 0 1px;
    border-style: solid;
    height: auto;
    display: flex; }
  .mouseover-preview.portrait.clay-popover-left .mouseover-preview__body, .mouseover-preview.square.clay-popover-left .mouseover-preview__body {
    flex-direction: row-reverse; }
  .mouseover-preview.landscape, .mouseover-preview.undefined {
    max-width: 40%; }
    .mouseover-preview.landscape .mouseover-preview__asset, .mouseover-preview.undefined .mouseover-preview__asset {
      max-height: calc(100vh - 400px);
      max-width: 100%;
      padding: 15px 30px 0; }
  .firefox .mouseover-preview .clay-popover-left .arrow, .firefox .mouseover-preview .clay-popover-left-bottom .arrow, .firefox .mouseover-preview .clay-popover-left-top .arrow {
    left: calc((0.3rem ) * -1); }
  .firefox .mouseover-preview .clay-popover-right .arrow, .firefox .mouseover-preview .clay-popover-right-bottom .arrow, .firefox .mouseover-preview .clay-popover-right-top .arrow {
    right: calc((0.3rem ) * -1); }
  .mouseover-preview .popover-body, .mouseover-preview .popover-content {
    border-radius: 0; }

: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: #6c757d;
  --blockquote-small-font-size: 80%;
  --body-bg: #fff;
  --body-color: #212529;
  --border-radius-circle: 50%;
  --border-radius-lg: 0.3rem;
  --border-radius-sm: 0.2rem;
  --border-radius: 0.25rem;
  --rounded-pill: 50rem;
  --black: #000;
  --gray-100: #f8f9fa;
  --gray-200: #e9ecef;
  --gray-300: #dee2e6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;
  --transparent: transparent;
  --white: #fff;
  --primary: #000;
  --secondary: #8d8d8d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --container-max-sm: 540px;
  --container-max-md: 720px;
  --container-max-lg: 960px;
  --container-max-xl: 1140px;
  --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.09375rem;
  --font-size-sm: 0.76562rem;
  --font-weight-bold: 700;
  --font-weight-bolder: bolder;
  --font-weight-light: 300;
  --font-weight-lighter: lighter;
  --font-weight-normal: 400;
  --font-weight-semi-bold: 500;
  --line-height-base: 1.5;
  --line-height-sm: 1.15;
  --h1-font-size: 2.1875rem;
  --h2-font-size: 1.75rem;
  --h3-font-size: 1.53125rem;
  --h4-font-size: 1.3125rem;
  --h5-font-size: 1.09375rem;
  --h6-font-size: 0.875rem;
  --liferay-default-icon-size: 12px;
  --lead-font-size: 1.09375rem;
  --lead-font-weight: 300;
  --portlet-bg: transparent;
  --portlet-content-border-radius: 0;
  --portlet-header-margin-bottom: calc(
      var(--spacer) * 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: 1px;
  --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: #6c757d;
  --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 {
  background-color: var(--body-bg);
  color: var(--body-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size-base); }

.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 {
  font-size: var(--h1-font-size); }

h2,
.h2 {
  font-size: var(--h2-font-size); }

h3,
.h3 {
  font-size: var(--h3-font-size); }

h4,
.h4 {
  font-size: var(--h4-font-size); }

h5,
.h5 {
  font-size: var(--h5-font-size); }

h6,
.h6 {
  font-size: var(--h6-font-size); }

.lead {
  font-size: var(--lead-font-size);
  font-weight: var(--lead-font-weight); }

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

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

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

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

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

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

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

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

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

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

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

.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) {
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) {
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) {
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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: 1200px) {
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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) ; }
  .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); }

/* 7. Features */
.basket-counter-feature {
  margin-right: 30px;
  display: flex;
  align-items: center;
  font-size: 12px; }
  .basket-counter-feature.empty {
    display: none; }
  .basket-counter-feature__icon.text-black {
    text-decoration: none; }
  .basket-counter-feature__article-count {
    font-family: "Replica-Bold", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    margin-right: 5px; }

.basket-counter-divider.empty {
  display: none; }

.key-modal {
  transition: var(--transition-fade); }
  .key-modal.open {
    opacity: 1; }
  .key-modal.closed {
    opacity: 0;
    pointer-events: none; }

.dialog-feature {
  display: flex;
  flex-direction: column;
  background: white;
  padding: 20px; }
  .dialog-feature .key-close-icon {
    align-self: flex-end; }
  .dialog-feature .text-holder {
    font-family: "Catalog-Bold", "Georgia", "Times New Roman", "Times", serif;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.6px; }
  .dialog-feature .buttons-holder {
    align-self: flex-end; }