@charset "UTF-8";
/* Colid main Sass File */
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes scale-in {
  0% {
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-in {
  0% {
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes scale-out {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes scale-out {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes load-pulse {
  0%, 100% {
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  50% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes load-pulse {
  0%, 100% {
    -moz-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
  }
  50% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes spin-reverse {
  0% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes spin-reverse {
  0% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
  50% {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes move-right {
  0% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -moz-transform: translateX(30%);
    -o-transform: translateX(30%);
    -ms-transform: translateX(30%);
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
  }
  100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes move-right {
  0% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -moz-transform: translateX(30%);
    -o-transform: translateX(30%);
    -ms-transform: translateX(30%);
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
  }
  100% {
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes move-down {
  0% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(30%);
    -o-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
  }
  100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes move-down {
  0% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -moz-transform: translateY(30%);
    -o-transform: translateY(30%);
    -ms-transform: translateY(30%);
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
  }
  100% {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes load-kitt {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes load-kitt {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(100%, 0, 0);
  }
}
@-webkit-keyframes load-kitt-inner {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: scaleX(5);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes load-kitt-inner {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: scaleX(5);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
/* General stuff
   ================================================================ */
.box .empty-plus {
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.box.box-object-image .image img, .box .image.image-abs img {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.content-header ul:before,
.modal-header ul:before,
.object-details .edit ul:before,
.object-details .image-slider-pager:before,
.object-details section.more-info .component-colors .object-colors:before,
.object-details .meta-info:before,
.listcontrol-light:before,
.list-selection .list-selection-row:before,
.list:before,
.container-rel:before,
.container:before,
.box .image:before,
.content-header ul:after,
.modal-header ul:after,
.object-details .edit ul:after,
.object-details .image-slider-pager:after,
.object-details section.more-info .component-colors .object-colors:after,
.object-details .meta-info:after,
.listcontrol-light:after,
.list-selection .list-selection-row:after,
.list:after,
.container-rel:after,
.container:after,
.box .image:after {
  display: table;
  line-height: 0;
  content: "";
}
.content-header ul:after,
.modal-header ul:after,
.object-details .edit ul:after,
.object-details .image-slider-pager:after,
.object-details section.more-info .component-colors .object-colors:after,
.object-details .meta-info:after,
.listcontrol-light:after,
.list-selection .list-selection-row:after,
.list:after,
.container-rel:after,
.container:after,
.box .image:after {
  clear: both;
}

/* Box-Sizing
   ================================================================ */
/**
 * Checks if a map has a nested key
 * @param {map}    The map to search for a key
 * @param {string} The key to search for
 * @return {bool} True, if map has key
 */
/**
 * Returns the map by deep trace
 * @param {map}    The map to search for a key
 * @param {string} The key to search for
 * @return {map}
 */
/**
 * Returns the color for a section
 * @example color("header", "background");
 * @param {map} $color The color to fetch
 * @return {color} The color
 */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

a,
button,
input,
select,
textarea {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 */
input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

select::-ms-expand {
  background: none;
  border: none;
}

li {
  list-style: none;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

@font-face {
  font-family: "Lyon Text Web";
  src: url("../fonts/LyonText-RegularNo2-Web.eot");
  src: url("../fonts/LyonText-RegularNo2-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/LyonText-RegularNo2-Web.woff") format("woff"), url("../fonts/LyonText-RegularNo2-Web.ttf") format("truetype"), url("../fonts/LyonText-RegularNo2-Web.svg#Lyon Text Web") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "Lyon Text Web";
  src: url("../fonts/LyonText-RegularNo2Italic-Web.eot");
  src: url("../fonts/LyonText-RegularNo2Italic-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/LyonText-RegularNo2Italic-Web.woff") format("woff"), url("../fonts/LyonText-RegularNo2Italic-Web.ttf") format("truetype"), url("../fonts/LyonText-RegularNo2Italic-Web.svg#Lyon Text Web") format("svg");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}
@font-face {
  font-family: "Lyon Text Web";
  src: url("../fonts/LyonText-Semibold-Web.eot");
  src: url("../fonts/LyonText-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("../fonts/LyonText-Semibold-Web.woff") format("woff"), url("../fonts/LyonText-Semibold-Web.ttf") format("truetype"), url("../fonts/LyonText-Semibold-Web.svg#Lyon Text Web") format("svg");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "ExecutiveRegular";
  src: url("../fonts/ExecutiveRegular-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/ExecutiveRegular-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ExecutiveRegular-Regular.woff") format("woff"), url("../fonts/ExecutiveRegular-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
@font-face {
  font-family: "ExecutiveBold";
  src: url("../fonts/ExecutiveBold-Regular.eot");
  /* IE9 Compat Modes */
  src: url("../fonts/ExecutiveBold-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ExecutiveBold-Regular.woff") format("woff"), url("../fonts/ExecutiveBold-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}
.object-details section.more-info p, .container.container-hint .box p, .box.box-hint p, p, body {
  font-family: "Lyon Text Web", Georgia, "Apple Color Emoji", serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

.share-app header a .presented-by, .share-app header h2.subline, .object-details section.more-info section.object-notes p, .object-details section.more-info section.object-locality li, .object-details .headline-wrapper h2.subline, .box .shared-item, .box .object-count, .box h4.subline {
  font-family: "Lyon Text Web", Georgia, "Apple Color Emoji", serif;
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
}

.content-header .header-part-edit input[type=text],
.modal-header .header-part-edit input[type=text], .container.container-hint .box h3, h2 {
  font-family: "Lyon Text Web", Georgia, "Apple Color Emoji", serif;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
}

.dropdown-menu, .box.box-object-object .price, .box.box-object-object .object-id, .set-header .set-sum-total,
.set-header .set-price, .set-header .set-id, .content-header .search-header input[type=search],
.modal-header .search-header input[type=search], .content-header.search-active .search-header .search-terms ul li .term,
.modal-header.search-active .search-header .search-terms ul li .term, .content-header h2.subline,
.modal-header h2.subline, .object-details .edit label,
.object-details .edit button,
.object-details .edit select, .object-details section.more-info dl dd p, .object-details section.more-info dl, .object-details section.more-info section.object-groups, .object-details section.more-info section.object-locality .object-locality-map p, .object-details section.more-info .component-storage-id,
.object-details section.more-info .component-sets, .object-details section.more-info .component-species .object-species-correlation, .object-details section.more-info .component-species .object-species span, .object-details section.more-info h4, .object-details .meta-info span, .listcontrol label,
.listcontrol button, .export-progress-list li .export-state,
.export-progress-list li .import-state,
.import-progress-list li .export-state,
.import-progress-list li .import-state, .export-progress-list li .export-row-count,
.export-progress-list li .import-row-count,
.import-progress-list li .export-row-count,
.import-progress-list li .import-row-count, input[type=submit],
input[type=reset],
button,
.button,
.btn, .box h4.action, legend, h3, label {
  font-family: "ExecutiveRegular", Arial, Helvetica, "Apple Color Emoji", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
}

.dropdown-header, .object-details section.more-info .component-assets .assets a, .object-details section.more-info .component-species .object-species strong, .modal.modal-filter aside > div .result-count, .ico-lg, .export-progress-list li,
.import-progress-list li, h4, h1 {
  font-family: "ExecutiveBold", Arial, Helvetica, "Apple Color Emoji", sans-serif;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

.object-details section.more-info section.object-locality .object-locality-map p, .object-details section.more-info .component-species .object-species-correlation, .box.box-object-set .btn-share-item.btn {
  font-size: 1.2rem;
  line-height: 1.25;
  letter-spacing: 0.03em;
  text-decoration: none;
}

.dropdown-header {
  font-size: 1.5rem;
  line-height: 1.333;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.dropdown-menu, .content-header .search-header input[type=search],
.modal-header .search-header input[type=search], .content-header.search-active .search-header .search-terms ul li .term,
.modal-header.search-active .search-header .search-terms ul li .term, .object-details section.more-info dl dd p, .object-details section.more-info dl dd, .object-details section.more-info section.object-groups li, .object-details section.more-info .component-storage-id li,
.object-details section.more-info .component-sets li, .object-details section.more-info .component-species .object-species strong {
  font-size: 1.6rem;
  line-height: 2.2rem;
  letter-spacing: 0.02em;
}

.box.box-object-object .price, .set-header .set-sum-total,
.set-header .set-price, .set-header .set-id, .content-header h2.subline,
.modal-header h2.subline, .object-details section.more-info dl, .object-details section.more-info section.object-groups, .object-details section.more-info .component-storage-id,
.object-details section.more-info .component-sets, .object-details section.more-info .component-species .object-species span, .object-details section.more-info h4, .object-details .meta-info span, .list-selection li h4, .box .shared-item, .box .object-count, .box h4.subline, h3, label {
  font-size: 1.4rem;
  line-height: 1.428;
  letter-spacing: 0.02em;
  text-decoration: none;
}

input[type=submit],
input[type=reset],
button,
.button,
.btn, .box h4.action, legend {
  font-size: 1.3rem;
  line-height: 1.538;
  letter-spacing: 0.05em;
  text-decoration: none;
  text-transform: uppercase;
}

.share-app header a .presented-by, .share-app header h2.subline, .container.container-hint .box p, .box.box-hint p, p.small {
  font-size: 1.4rem;
  line-height: 1.571;
  text-decoration: none;
}

.object-details section.more-info p, .container.container-hint .box h3, p {
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0;
}

.object-details section.more-info section.object-locality li, .object-details .headline-wrapper h2.subline {
  font-size: 1.6rem;
  line-height: 1.25;
  letter-spacing: 0;
}

html {
  font-size: 10px;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #272421;
}

h1 {
  font-size: 2.6rem;
  font-weight: normal;
  line-height: 1.154;
}
@media (min-width: 1px) and (max-width: 767px) {
  h1 {
    font-size: 2.2rem;
  }
}

h2 {
  font-size: 2rem;
  line-height: 1.25;
}
@media (min-width: 1px) and (max-width: 767px) {
  h3, label {
    font-size: 1.6rem;
  }
}

.page-container h3 {
  margin-bottom: 1.5rem;
}

@media (min-width: 1px) and (max-width: 767px) {
  legend {
    font-size: 1.6rem;
  }
}

h4 {
  font-size: 1.6rem;
  line-height: 1.25;
}
p a {
  border-bottom: 1px dotted #8c897e;
}
.page-container p {
  color: #8c897e;
}
@media (min-width: 1px) and (max-width: 767px) {
  p {
    font-size: 1.8rem;
  }
}

a {
  text-decoration: none;
}

h1 a,
h1 .link,
h2 a,
h2 .link,
h3 a,
h3 .link,
h4 a,
h4 .link,
h5 a,
h5 .link,
p a,
p .link,
div a,
div .link,
span a,
span .link,
th a,
th .link,
td a,
td .link,
label a,
label .link {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  text-transform: inherit;
}
h1 a.link-border,
h1 .link.link-border,
h2 a.link-border,
h2 .link.link-border,
h3 a.link-border,
h3 .link.link-border,
h4 a.link-border,
h4 .link.link-border,
h5 a.link-border,
h5 .link.link-border,
p a.link-border,
p .link.link-border,
div a.link-border,
div .link.link-border,
span a.link-border,
span .link.link-border,
th a.link-border,
th .link.link-border,
td a.link-border,
td .link.link-border,
label a.link-border,
label .link.link-border {
  display: inline;
  border-bottom: dotted 1px currentColor;
  text-decoration: none;
}

.h-pull-left {
  float: left;
}

.h-pull-right {
  float: right;
}

/*
.notInThisVersionYet {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    max-height: 0 !important;
    max-width: 0 !important;
    opacity: 0 !important;
    color: transparent !important;
    background: transparent !important;
    border-color: transparent !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}*/
.box {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  transition-property: border, background-color, opacity, padding, min-height, box-shadow;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  position: relative;
  margin: 1.5rem;
  padding: 2rem 2rem 5rem 2rem;
  background-color: #ffffff;
  color: #272421;
  border: 0;
  border-radius: 1px;
  opacity: 1;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box {
    margin: 0.75rem;
    padding: 2rem 1rem 4rem 1rem;
  }
}
.box .headline-wrapper,
.box .object-count {
  opacity: 1;
  transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
.box h4 {
  display: block;
  display: -webkit-box;
  width: 100%;
  color: #272421;
  word-wrap: break-word;
  margin-bottom: 0.2rem;
  max-height: 14rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  line-clamp: 7;
  box-orient: vertical;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box h4 {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}
.box h4.subline {
  color: #8c897e;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box h4.subline {
    font-size: 1rem;
  }
}
.box .object-count {
  color: #8c897e;
  position: absolute;
  left: 2rem;
  bottom: 2rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box .object-count {
    left: 1.5rem;
    bottom: 1rem;
    font-size: 1rem;
  }
}
.box .shared-item {
  color: #52c6e2;
  position: absolute;
  right: 2rem;
  bottom: 2rem;
}
.box .shared-item .ico {
  display: none;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box .shared-item {
    padding: 0.75rem;
    right: 0.5rem;
    bottom: 0.3rem;
    line-height: 1;
  }
  .box .shared-item span {
    display: none;
  }
  .box .shared-item .ico {
    display: inline-block;
    fill: #52c6e2;
    width: 1.2rem;
    height: 1.2rem;
  }
}
.box.box-object-set .btn-share-item.btn {
  background-color: #f5f3f2;
  position: absolute;
  right: 2rem;
  padding: 0.75rem 1.25rem;
  bottom: 1.5rem;
  border-radius: 0.2rem;
}
.box.box-object-set .btn-share-item.btn .ico {
  display: none;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box.box-object-set .btn-share-item.btn {
    padding: 0.75rem;
    right: 0.5rem;
    background: none;
    bottom: 0.3rem;
    line-height: 1;
  }
  .box.box-object-set .btn-share-item.btn span {
    display: none;
  }
  .box.box-object-set .btn-share-item.btn .ico {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
  }
}
.box.box-stacked:before, .box.box-stacked:after {
  position: absolute;
  z-index: 1;
  display: inline-block;
  height: 1px;
  background-color: #ffffff;
  content: "";
  opacity: 1;
  transition: opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
.box.box-stacked:before {
  bottom: -2px;
  left: 2%;
  right: 2%;
}
.box.box-stacked:after {
  bottom: -4px;
  left: 4%;
  right: 4%;
}
.box.box-is-restricted {
  opacity: 0.4;
  cursor: not-allowed;
}
.box.box-is-restricted .btn, .box.box-is-restricted button,
.box.box-is-restricted .empty-plus {
  cursor: not-allowed;
}
.box.box-dashed, .box.box-empty {
  border: dashed 1px #beb4aa;
  background: none;
  min-height: 22rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box.box-dashed, .box.box-empty {
    min-height: 16rem;
  }
}
.box.box-border {
  border: solid 1px #beb4aa;
  background: none;
}
.box.box-hint {
  background: none;
  border: solid 1px #beb4aa;
  padding: 5rem 2rem 2rem 2rem;
}
.box.box-hint h2 {
  margin-bottom: 1rem;
}
.box.box-hint p {
  color: #8c897e;
  padding-bottom: 10rem;
}
.box.box-hint .ico-wrapper {
  position: absolute;
  bottom: 4rem;
  left: 0;
  width: 100%;
}
.box .image {
  position: relative;
  background-color: #f5f3f2;
  width: 100%;
  text-align: center;
}
.box .image img {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}
.box .image.image-abs {
  position: absolute;
}
.box .image.image-abs img {
  max-height: 14rem;
}
.box .image .image-3-2 {
  padding-bottom: 66.66%;
  /* 3:2 */
  position: relative;
}
.box .image .image-3-2 > div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  display: flex;
  text-align: center;
}
.box .image .image-3-2 > div > div, .box .image .image-3-2 > div > picture {
  position: relative;
  display: block;
  height: 100%;
  text-align: center;
}
.box .image .image-3-2 img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.box .image img.cropped.cropped-hor {
  -moz-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  max-height: none;
}
.box .image img.cropped.cropped-vert {
  -moz-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  height: 100%;
}
.box .empty-plus {
  display: block;
  color: #ffffff;
  text-align: center;
  font-size: 6rem;
  padding: 4rem 0;
  cursor: pointer;
  left: 0;
  right: 0;
}
.box .link {
  display: block;
  text-decoration: none;
}
.box.box-clean {
  background: none;
}
.box .box-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 2rem 2rem 5rem 2rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box .box-inner {
    padding: 2rem 1rem 4rem 1rem;
  }
}

.box.box-flex,
.list-flex .box {
  -webkit-flex: 0 1 22rem;
  -moz-flex: 0 1 22rem;
  -ms-flex: 0 1 22rem;
  -o-flex: 0 1 22rem;
  flex: 0 1 22rem;
  max-width: 22rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box.box-flex,
.list-flex .box {
    -webkit-flex: 0 1 15rem;
    -moz-flex: 0 1 15rem;
    -ms-flex: 0 1 15rem;
    -o-flex: 0 1 15rem;
    flex: 0 1 15rem;
    max-width: 15rem;
  }
}

.box.box-block,
.list-block .box {
  width: 100%;
  display: block;
}

.box.box-float,
.list-float .box {
  float: left;
  display: inline-block;
  width: 22rem;
  max-width: 22rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box.box-float,
.list-float .box {
    width: 15rem;
    max-width: 15rem;
  }
}

.box,
.box a,
.box img,
.box .resp-image {
  -webkit-touch-callout: none !important;
  touch-callout: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-user-drag: none;
  user-drag: none;
}

.box img {
  pointer-events: none;
}

.box[data-empty=true] .empty-view,
.box[data-empty=true] .empty-edit {
  transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 2rem 2rem 5rem 2rem;
}
.box[data-empty=true] .empty-edit-controls .h-pull-left {
  padding-left: 0;
}
.box[data-empty=true] .empty-edit-controls .h-pull-right {
  padding-right: 0;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box[data-empty=true] .empty-view,
.box[data-empty=true] .empty-edit {
    padding: 1.5rem 1rem 5rem 1rem;
  }
  .box[data-empty=true] input[type=text] {
    font-size: 1.2rem;
    line-height: 2rem;
  }
  .box[data-empty=true] .btn {
    padding: 1rem !important;
    font-size: 1rem;
  }
}

.box[data-empty=true][data-mode=view] .empty-edit {
  -moz-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.box[data-empty=true][data-mode=view] .empty-view {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.box[data-empty=true][data-mode=edit] .empty-view {
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.box[data-empty=true][data-mode=edit] .empty-edit {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.box.box-drag-placeholder,
.box.box-stacked.box-drag-placeholder {
  background-color: transparent;
}
.box.box-drag-placeholder:before,
.box.box-stacked.box-drag-placeholder:before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: dashed 1px #beb4aa;
  background-color: transparent;
  z-index: 1;
}
.box.box-drag-placeholder .image,
.box.box-drag-placeholder .shared-item,
.box.box-drag-placeholder .btn-share-item.btn,
.box.box-drag-placeholder .object-count,
.box.box-drag-placeholder .object-size-type, .box.box-drag-placeholder.box-stacked:after,
.box.box-stacked.box-drag-placeholder .image,
.box.box-stacked.box-drag-placeholder .shared-item,
.box.box-stacked.box-drag-placeholder .btn-share-item.btn,
.box.box-stacked.box-drag-placeholder .object-count,
.box.box-stacked.box-drag-placeholder .object-size-type,
.box.box-stacked.box-drag-placeholder.box-stacked:after {
  opacity: 0;
}
.box.box-drag-placeholder .object-id,
.box.box-drag-placeholder .headline-wrapper,
.box.box-stacked.box-drag-placeholder .object-id,
.box.box-stacked.box-drag-placeholder .headline-wrapper {
  opacity: 0.3;
}

.box.box-drag-helper {
  position: absolute;
  pointer-events: none;
}
.box.box-drag-helper a,
.box.box-drag-helper img {
  pointer-events: none;
}

.box.box-drag-revert {
  transition-property: transform;
}

.box.box-drag-dropped {
  opacity: 0;
}

.box.box-drag-overdrop {
  opacity: 0.4;
}

input[type=submit],
input[type=reset],
button,
.button,
.btn {
  transition-property: padding, background-color, color, max-height, opacity, min-width, outline;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  position: relative;
  display: inline-block;
  border: 0;
  padding: 1rem 2rem;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
input[type=submit]:disabled,
input[type=reset]:disabled,
button:disabled,
.button:disabled,
.btn:disabled {
  color: #bfbcb0;
  border-color: #8c897e;
  cursor: not-allowed;
}
input[type=submit]:disabled .ico,
input[type=reset]:disabled .ico,
button:disabled .ico,
.button:disabled .ico,
.btn:disabled .ico {
  opacity: 0.2;
}
input[type=submit] .ico,
input[type=reset] .ico,
button .ico,
.button .ico,
.btn .ico {
  width: 1.2rem;
  height: 1.2rem;
  vertical-align: text-top;
  fill: #272421;
}
input[type=submit].is-loading,
input[type=reset].is-loading,
button.is-loading,
.button.is-loading,
.btn.is-loading {
  color: rgba(39, 36, 33, 0.075);
}
input[type=submit].is-loading:before,
input[type=reset].is-loading:before,
button.is-loading:before,
.button.is-loading:before,
.btn.is-loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1rem 0 0 -1rem;
  border: 0.3rem solid rgba(190, 180, 170, 0.6);
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  display: block;
  opacity: 0;
  -webkit-animation: fade-in 0.75s 0.25s ease-out forwards, load-pulse 1.5s ease-in-out infinite;
  animation: fade-in 0.75s 0.25s ease-out forwards, load-pulse 1.5s ease-in-out infinite;
}
.btn-primary,
.btn-secondary,
.btn-tertiary {
  border: 0;
  border-radius: 0.2rem;
}
.btn-primary:disabled,
.btn-secondary:disabled,
.btn-tertiary:disabled {
  background-color: #f1efed;
}

.btn-primary {
  background-color: #ffffff;
}

.btn-secondary {
  background-color: #e9e6e2;
}

.btn-tertiary {
  background-color: transparent;
}

.btn-back {
  padding: 0;
  margin: 0;
  background: none;
  width: 2rem;
  height: 2rem;
}

.btn-border {
  border: solid 1px #272421;
  background: none;
}

.btn-dashed {
  border: dashed 1px #beb4aa;
  background: none;
}

.btn-clean,
.btn-close {
  background: none;
}

.btn-close {
  transition-property: opacity, max-height, transform;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  padding: 0;
  width: 1.6rem;
  height: 1.6rem;
  color: #272421;
  line-height: 1;
}
.btn-close .ico {
  width: 1.4rem;
  height: 1.4rem;
}
.btn-close.btn-close-m {
  width: 1.8rem;
  height: 1.8rem;
}
.btn-close.btn-close-m .ico {
  width: 1.6rem;
  height: 1.6rem;
}

.btn-close-text .ico {
  margin-left: 1rem;
}

.no-touch .btn-close:hover {
  transform-origin: 50% 50%;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.btn-danger {
  color: #ff585f;
}

.btn-m {
  padding: 0.5rem 1.5rem;
}

.btn-l {
  font-size: 2rem;
}

.btn-xl {
  padding: 1.5rem 3rem;
}

.btn-white {
  background-color: #ffffff;
}

/*
.forgotPassword {
    display: none;
}
*/
.btn-has-icon.btn-icon-left .ico {
  margin-right: 1rem;
}
.btn-has-icon.btn-icon-right .ico {
  margin-left: 1rem;
}

.btn-row {
  display: inline-block;
  float: left;
  text-align: left;
  width: 22rem;
  margin-right: 3rem;
}
.btn-row:last-child {
  margin-right: 0;
}
.btn-row .ico {
  position: absolute;
  top: 1.2rem;
  right: 2rem;
}
.btn-row .ico.ico-add-small {
  width: 0.8rem;
  height: 0.8rem;
  top: 1.4rem;
  right: 2.2rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .btn-row {
    margin-bottom: 1rem;
  }
}

.content-header .btn-primary,
.modal-header .btn-primary,
.meta-info .btn-primary,
#login .btn-primary,
.input-button-group .btn-primary {
  background-color: #a9e2f0;
}
.content-header .btn-primary:disabled,
.modal-header .btn-primary:disabled,
.meta-info .btn-primary:disabled,
#login .btn-primary:disabled,
.input-button-group .btn-primary:disabled {
  background-color: #f1efed;
}
.content-header .btn-secondary,
.modal-header .btn-secondary,
.meta-info .btn-secondary,
#login .btn-secondary,
.input-button-group .btn-secondary {
  background-color: #f1efed;
}
.content-header .btn-secondary:disabled,
.modal-header .btn-secondary:disabled,
.meta-info .btn-secondary:disabled,
#login .btn-secondary:disabled,
.input-button-group .btn-secondary:disabled {
  background-color: #f1efed;
}

.btn-group .btn-secondary {
  background-color: #f1efed;
}

.btn-primary + .btn-secondary,
.btn-primary + .btn-submit-wrapper,
.btn-secondary + .btn-primary,
.btn-secondary + .btn-submit-wrapper,
.btn-submit-wrapper + .btn-submit-wrapper {
  margin-left: 1rem;
}
.empty-edit .btn-primary + .btn-secondary,
.empty-edit .btn-primary + .btn-submit-wrapper,
.empty-edit .btn-secondary + .btn-primary,
.empty-edit .btn-secondary + .btn-submit-wrapper,
.empty-edit .btn-submit-wrapper + .btn-submit-wrapper {
  margin-left: 0;
}

.btn-primary-used {
  background-color: #ffffff;
}

.btn.btn-primary.is-loading:before {
  border-color: rgba(190, 180, 170, 0.5);
}

.content-header .btn.btn-primary.is-loading:before,
.modal-header .btn.btn-primary.is-loading:before,
#login .btn.btn-primary.is-loading:before {
  border-color: rgba(82, 198, 226, 0.8);
}
.content-header .btn.btn-primary.is-loading:disabled,
.modal-header .btn.btn-primary.is-loading:disabled,
#login .btn.btn-primary.is-loading:disabled {
  background-color: #a9e2f0;
}

.btn-caret,
.btn-clean.btn-caret {
  background-image: url(/images/icons/down.svg);
  background-position: 100% 42%;
  background-repeat: no-repeat;
  background-size: 1.2rem 1.2rem;
  padding-right: 2.5rem;
}
.btn-caret:disabled,
.btn-clean.btn-caret:disabled {
  background-image: url(/images/icons/down-grey.svg);
}

.btn-secondary.btn-caret {
  background-image: url(/images/icons/down.svg);
  background-position: 80% 42%;
  background-repeat: no-repeat;
  background-size: 1.2rem 1.2rem;
  padding-right: 4rem;
}

.btn-submit-wrapper {
  position: relative;
  display: inline-block;
}
.btn-submit-wrapper .btn-submit-wrapper-layer {
  display: none;
}
.btn-submit-wrapper .btn:disabled + .btn-submit-wrapper-layer {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.btn-facebook {
  color: #3b5998;
}

.btn-twitter {
  color: #00aced;
}

.btn-colido-talk {
  color: #52c6e2;
}

.modal-content .box[data-mode=edit] .btn:disabled {
  background: none;
}

@media (min-width: 1px) and (max-width: 767px) {
  .btn-caret[data-action=show-actions],
.btn-caret[data-action=show-additional-actions] {
    text-indent: -999rem;
    background-position: 50% 50%;
    background-size: 1.6rem 1.6rem;
    white-space: nowrap;
  }
}
button,
.btn,
a.close,
.button {
  outline-style: solid;
  outline-width: 0.4rem;
  outline-color: rgba(255, 255, 255, 0);
}

.button:active,
.btn:active,
button:active {
  transition-duration: 0s;
  outline-color: rgba(255, 255, 255, 0.2);
}
#nav .button:active,
#nav .btn:active,
#nav button:active {
  outline-color: rgba(255, 255, 255, 0.025);
}

.objects-container .button:active,
.objects-container .btn:active,
.objects-container a.close:active,
.objects-container button:active,
.content-header .button:active,
.content-header .btn:active,
.content-header a.close:active,
.content-header button:active,
.modal-header .button:active,
.modal-header .btn:active,
.modal-header a.close:active,
.modal-header button:active {
  transition-duration: 0s;
  outline-color: rgba(0, 0, 0, 0.025);
}

.btn-clean:active,
.input-inlinetext:active,
button.btn-clean:active,
button.btn-tertiary:active,
.objects-container button.btn-tertiary:active,
.objects-container .btn-clean:active,
.object-details-showroom-close button.btn:active,
.modal-lightbox button.btn:active,
.modal-lightbox button:active,
button.btn-close:active,
button.dropdown-toggle:active,
.action-layer a:active {
  outline-color: rgba(255, 255, 255, 0);
  opacity: 0.5;
}

.view-mode-label:hover {
  background: rgba(255, 255, 255, 0.3);
}

.view-mode-label:active {
  background: rgba(255, 255, 255, 0.5);
}

.label-radio button.radio {
  -moz-appearance: none;
  -khtml-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0);
  max-width: 100%;
  cursor: pointer;
  text-transform: uppercase;
  position: relative;
  padding: 1rem 3rem;
  display: inline-block;
  margin-right: 1rem;
  color: #111;
  font-size: 1.6rem;
  line-height: 1.6rem;
}
.label-radio button.radio[data-checked=checked] {
  border: 1px solid white;
}

.container {
  transition-property: background-color, border-color, padding-left, padding-right;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  padding: 3rem 4rem;
  text-align: left;
}
@media (min-width: 1px) and (max-width: 767px) {
  .container {
    padding: 2rem;
  }
}
.container .container {
  padding: 0;
}

.container-dark {
  background-color: #ded9d4;
}

.container-rel {
  position: relative;
}

.container-dashed {
  border: dashed 1px #beb4aa;
}

.container-with-dnd {
  padding-right: 7rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .container-with-dnd {
    padding-right: 0;
  }
}

.container.container-hint {
  padding: 2rem 2rem;
  text-align: left;
}
.container.container-hint.empty-container-list {
  margin-left: 4rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .container.container-hint {
    padding: 0;
  }
}
.container.container-hint .row {
  padding-top: 6rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .container.container-hint .row {
    padding-top: 4rem;
  }
}
.container.container-hint .message-list-empty {
  margin-bottom: 1rem;
}
.container.container-hint .box p {
  color: #8c897e;
  padding-bottom: 8rem;
}
.container.container-hint .box .ico-wrapper {
  position: absolute;
  bottom: 2rem;
  left: 0;
  width: 100%;
}
tbody .container.container-hint {
  margin-left: 1rem;
}

.detail-header-region {
  visibility: hidden;
}

.list-header-region {
  visibility: hidden;
}
.is-lazyrender-not-top .list-header-region header {
  visibility: hidden;
}

.is-lazyrender-not-top.is-showroom .list-header-region header {
  visibility: visible;
}

.listcontrol-region {
  transition-property: padding-top, padding-bottom;
  visibility: visible;
  padding-top: 0;
  padding-bottom: 0;
}
.is-detail-mode .listcontrol-region {
  padding-bottom: 0;
  visibility: hidden;
}

.list-layout-scroll-container {
  transition-property: padding-top;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.is-detail-mode .show-extra-content .list-layout-scroll-container:before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  top: 10rem;
  height: 3rem;
  border-top: 0.5rem solid #e4e0dd;
  background-image: linear-gradient(0deg, rgba(228, 224, 221, 0), #e4e0dd);
  z-index: 2;
}
.is-detail-mode .show-extra-content .list-layout-scroll-container .objects-list-region {
  padding-top: 10.9rem;
}
.is-detail-mode .show-extra-content .list-layout-scroll-container .objects-list-region:before {
  content: "";
  position: fixed;
  top: 10rem;
  left: 1rem;
  right: 1rem;
  width: calc(100vw - 63rem);
  bottom: -0.75rem;
  height: 0.75rem;
  background: radial-gradient(ellipse at top, rgba(0, 0, 0, 0.15) 0%, transparent 50%);
  background-size: 150% 100%;
  background-position: 50% 0%;
  pointer-events: none;
  z-index: 1;
}

@media only screen and (min-width: 1600px) and (max-width: 9999px) {
  .is-detail-mode .show-extra-content .list-layout-scroll-container .objects-list-region:before {
    width: 50%;
  }
}
.list {
  margin: 0 -2rem 2rem -2rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .list {
    margin: 0 -3rem 2rem -0.75rem;
  }
}
.list.list-flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.list.list-infinite {
  overflow: hidden;
}
.list .empty-hint {
  text-align: center;
  width: 100%;
  min-height: 10rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .list .empty-hint .offset-2 {
    margin-left: 1rem;
  }
  .list .empty-hint .col-10 {
    width: 100%;
  }
}
.list.list-block {
  width: 100%;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.list-file-upload {
  display: block;
}

.btn-back-to-top {
  transition-property: transform, background, opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 0;
  pointer-events: none;
  display: inline-block;
  position: fixed;
  bottom: 10px;
  right: 144px;
  width: 48px;
  height: 48px;
  z-index: 1;
  font-size: 0;
  cursor: pointer;
  background-color: rgba(82, 198, 226, 0.9);
  border-radius: 100%;
  box-shadow: 0.08rem 0.08rem 0.6rem 0.08rem rgba(0, 0, 0, 0.15);
  padding: 0;
}
.btn-back-to-top svg.ico {
  position: relative;
  bottom: 0.2rem;
  fill: #fff;
}
@media (min-width: 1px) and (max-width: 767px) {
  .btn-back-to-top {
    bottom: 2.4rem;
    right: 10rem;
    width: 6rem;
    height: 6rem;
  }
  .btn-back-to-top svg.ico {
    width: 2rem;
    height: 2rem;
  }
}
.btn-back-to-top:active {
  outline: none;
  background-color: #52c6e2;
  box-shadow: 0.08rem 0.08rem 0.6rem 0 rgba(0, 0, 0, 0.1);
}
.btn-back-to-top.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.is-detail-mode .btn-back-to-top.is-visible {
  opacity: 0;
  pointer-events: none;
}

.list-selection {
  margin: 0 0 2rem 0;
  padding: 0;
}
.list-selection .is-restricted {
  opacity: 0.5;
  cursor: not-allowed;
}
.list-selection .is-restricted li {
  cursor: not-allowed;
}
.list-selection li {
  transition-property: background-color;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  position: relative;
  display: inline-block;
  margin-bottom: 0.5rem;
  padding: 1rem;
  width: 100%;
  border-radius: 0.2rem;
  background-color: #ffffff;
  cursor: pointer;
}
.list-selection li h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 4rem);
}
.list-selection li > .ico {
  width: 1rem;
  height: 1rem;
  fill: #8c897e;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  margin-top: -0.5rem;
}
.list-selection li.has-child > .ico {
  width: 1.2rem;
  height: 1.2rem;
  margin-top: -0.6rem;
}
.list-selection li:hover {
  background-color: whitesmoke;
}
.list-selection li:hover .ico-next {
  -webkit-animation: move-right 0.5s linear 1;
  animation: move-right 0.5s linear 1;
}
.list-selection li:hover .ico-deposit {
  -webkit-animation: move-down 0.5s linear 1;
  animation: move-down 0.5s linear 1;
}
.list-selection.list-selection-add-support li {
  max-width: calc(100% - 6rem);
}
.list-selection.list-selection-add-support li.no-child {
  float: left;
}
.list-selection.list-selection-add-support .add-child {
  float: right;
  background: none;
  width: 4rem;
  height: 4rem;
  padding: 0.5rem 0;
}
.list-selection.list-selection-add-support .add-child .btn {
  position: relative;
  padding: 1.25rem 1rem;
  width: 100%;
  text-align: center;
}
.list-selection.list-selection-add-support .add-child .ico {
  width: 0.8rem;
  height: 0.8rem;
  fill: #8c897e;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.4rem 0 0 -0.4rem;
}
.list-selection .no-child + .has-child,
.list-selection .has-child + .no-child {
  margin-top: 2rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .list-selection li h4 {
    font-size: 1.6rem;
  }
  .list-selection li > .ico {
    width: 1.4rem;
    height: 1.4rem;
    margin-top: -0.7rem;
  }
  .list-selection li.has-child > .ico {
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -0.8rem;
  }
}

.list-selection + .box[data-empty=true] {
  min-height: 4rem;
  margin: 4rem 0 0 0;
  padding: 0;
}
.list-selection + .box[data-empty=true][data-mode=edit] {
  min-height: 10rem;
}
.list-selection + .box[data-empty=true] .empty-view {
  padding: 0;
}
.list-selection + .box[data-empty=true] .empty-view .btn {
  text-align: left;
  width: 100%;
}
.list-selection + .box[data-empty=true] .empty-view .btn .ico {
  width: 0.8rem;
  height: 0.8rem;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  margin-top: -0.4rem;
}

.list-selection-add-support + .box[data-empty=true] {
  max-width: calc(100% - 6rem);
}

.export-progress-list,
.import-progress-list {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.export-progress-list li,
.import-progress-list li {
  font-size: 1.5rem;
  color: #272421;
  background-color: #e9e6e2;
  border-radius: 0.3rem;
  border: 0;
  padding: 1rem 2rem;
  text-decoration: none;
  position: relative;
  margin-bottom: 0.5rem;
  text-align: left;
}
.export-progress-list li .export-row-count,
.export-progress-list li .import-row-count,
.import-progress-list li .export-row-count,
.import-progress-list li .import-row-count {
  display: inline-block;
  margin-left: 1rem;
  font-weight: normal;
  text-transform: none;
  color: #8c897e;
}
.export-progress-list li .export-state,
.export-progress-list li .import-state,
.import-progress-list li .export-state,
.import-progress-list li .import-state {
  float: right;
  font-weight: normal;
  text-transform: none;
  color: #8c897e;
}
.export-progress-list li button,
.import-progress-list li button {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: auto;
}

.viewmode-list .empty-hint {
  margin-left: 4.5rem;
}

.listcontrol {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  margin: 0 -7rem 0 -4rem;
  padding: 2rem 4rem;
  z-index: 10;
  opacity: 1;
  overflow: hidden;
  background-color: #dfdad4;
}
.listcontrol .listcontrol-wrapper {
  -moz-transform: translate3d(0, -150%, 0);
  -o-transform: translate3d(0, -150%, 0);
  -ms-transform: translate3d(0, -150%, 0);
  -webkit-transform: translate3d(0, -150%, 0);
  transform: translate3d(0, -150%, 0);
  transition-property: transform, opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  position: absolute;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
}
.listcontrol .listcontrol-wrapper > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.listcontrol .listcontrol-wrapper > ul li + li {
  margin-left: 3rem;
}
.listcontrol .listcontrol-wrapper > ul li.grid-sort-select-wrapper, .listcontrol .listcontrol-wrapper > ul li.showroom-button {
  margin-left: 1.5rem;
}
.listcontrol .listcontrol-wrapper > ul li.actions-button, .listcontrol .listcontrol-wrapper > ul li.close {
  margin-left: auto;
}
.listcontrol .listcontrol-wrapper > ul li.manage-button {
  margin-left: 1rem;
}
.listcontrol .listcontrol-wrapper > ul li.list-sort-select-wrapper {
  margin-left: 0;
}
.listcontrol .listcontrol-wrapper > ul li .caret {
  padding-right: 0;
}
.listcontrol .listcontrol-wrapper > ul label {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
  color: #8c897e;
}
.listcontrol .listcontrol-wrapper > ul label.view-mode-label {
  margin-right: 0;
  padding: 0.25rem 1.25rem;
}
.listcontrol .listcontrol-wrapper > ul label.view-mode-label .ico {
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: text-top;
  fill: #272421;
}
.listcontrol .listcontrol-wrapper > ul label.view-mode-label span {
  display: none;
}
.listcontrol .listcontrol-wrapper > ul label.view-mode-label svg {
  pointer-events: none;
}
.listcontrol .listcontrol-wrapper > ul .view-switch label {
  margin-bottom: 0;
}
.listcontrol .listcontrol-wrapper .active-filters-region .active-filters {
  margin-top: 2rem;
  margin-bottom: -1rem;
  font-size: 0;
}
.listcontrol .listcontrol-wrapper .active-filters-region .active-filters:empty {
  display: none;
}
.listcontrol .listcontrol-wrapper .active-filters-region .active-filter {
  display: inline-block;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.listcontrol .listcontrol-wrapper .active-filters-region .active-filter button {
  position: relative;
  background: #f2f0ee;
  text-transform: none;
  padding: 0.5rem 1rem;
}
.listcontrol .listcontrol-wrapper .active-filters-region .active-filter button:hover, .listcontrol .listcontrol-wrapper .active-filters-region .active-filter button:focus {
  background: #e5e3e1;
}
.listcontrol .listcontrol-wrapper .active-filters-region .active-filter button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.listcontrol .listcontrol-wrapper .active-filters-region .active-filter button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.listcontrol .listcontrol-wrapper .active-filters-region .active-filter button.remove-filter .ico {
  width: 0.8rem;
}
.listcontrol .listcontrol-wrapper .active-filters-region .active-filter button label {
  font-size: 1.2rem;
  cursor: inherit;
}
.listcontrol .listcontrol-wrapper .btn-clean {
  padding: 0;
}
.listcontrol .listcontrol-wrapper .btn-clean.btn-caret {
  padding-right: 2rem;
  background-position: 100% 30%;
}
.listcontrol .listcontrol-wrapper .btn-filter,
.listcontrol .listcontrol-wrapper .btn-primary {
  background: #fff;
  border-radius: 0.2rem;
}
.listcontrol .listcontrol-wrapper .btn-filter.active {
  border: 0.3rem solid #52C6E2;
}
.listcontrol .listcontrol-wrapper .btn-filter .ico {
  display: none;
}
.listcontrol .listcontrol-wrapper .btn-close {
  width: 3.6rem;
  height: 3.6rem;
  padding: 1rem;
  margin: 0 -1rem 0 0;
}
.listcontrol .listcontrol-wrapper button[data-action=multi-edit] {
  color: #8c897e;
  cursor: default;
}
.listcontrol .listcontrol-wrapper .manage-button, .listcontrol .listcontrol-wrapper .actions-button {
  transition-property: transform, max-height, opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.has-active-drag .listcontrol .listcontrol-wrapper .manage-button, .has-active-drag .listcontrol .listcontrol-wrapper .actions-button {
  -moz-transform: translate3d(-3rem, 0, 0);
  -o-transform: translate3d(-3rem, 0, 0);
  -ms-transform: translate3d(-3rem, 0, 0);
  -webkit-transform: translate3d(-3rem, 0, 0);
  transform: translate3d(-3rem, 0, 0);
}
.listcontrol .listcontrol-wrapper .showroom-button button .ico {
  width: 1.4rem;
  height: 1.4rem;
  margin-top: -0.1rem;
}
.listcontrol .listcontrol-wrapper .showroom-button button span {
  display: none;
}
.listcontrol[data-state=default] .listcontrol-wrapper-default {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible;
  position: static;
  opacity: 1;
}
.listcontrol[data-state=view] .listcontrol-wrapper-view {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible;
  position: static;
  opacity: 1;
}
.listcontrol[data-state=manage] .listcontrol-wrapper-manage {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible;
  position: static;
  opacity: 1;
}
.listcontrol .listcontrol-wrapper-manage .hint {
  margin-right: 6rem;
  display: inline-block;
  color: #8c897e;
}
.is-lazyrender-not-top .listcontrol, .listcontrol.is-sticky {
  position: fixed;
  top: 0;
  left: 18rem;
  width: calc(100VW - 18rem - 16px);
  padding: 2rem 4rem 2rem 4rem;
  margin: 0;
  overflow: visible;
}
.is-lazyrender-not-top .listcontrol:after, .listcontrol.is-sticky:after {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: -0.75rem;
  height: 0.75rem;
  background: radial-gradient(ellipse at top, rgba(0, 0, 0, 0.15) 0%, transparent 50%);
  background-size: 150% 100%;
  background-position: 50% 0%;
  pointer-events: none;
}
@supports selector(::-webkit-scrollbar) {
  .is-lazyrender-not-top .listcontrol, .listcontrol.is-sticky {
    width: calc(100VW - 18rem - 0.75rem);
  }
}
.listcontrol.is-viewmode-list .grid-sort-select-wrapper {
  display: none;
}
.listcontrol.is-viewmode-grid .list-sort-select-wrapper {
  display: none;
}
.listcontrol .hidden-if-empty {
  transition-property: max-height, opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  max-height: 4rem;
  opacity: 1;
}
.listcontrol.no-items .hidden-if-empty {
  max-height: 0;
  opacity: 0;
}
@media (min-width: 1px) and (max-width: 767px) {
  .listcontrol {
    padding: 1rem 2rem;
    margin: 0 0 0 -2rem;
  }
  .is-lazyrender-not-top .listcontrol, .listcontrol.is-sticky {
    left: 0;
    padding: 1rem 2rem;
    width: 100%;
    margin: 0;
  }
  .listcontrol .showroom-button,
.listcontrol .manage-button,
.listcontrol .filter-button {
    display: none;
  }
  .listcontrol .btn[data-action=show-additional-actions] {
    padding: 0.5rem 3rem;
  }
  .objects-container .listcontrol .grid-sort-select-wrapper label, .location-container .listcontrol .grid-sort-select-wrapper label, .locations-detail-container .listcontrol .grid-sort-select-wrapper label {
    margin-right: 0 !important;
  }
  .objects-container .listcontrol .grid-sort-select-wrapper .btn, .location-container .listcontrol .grid-sort-select-wrapper .btn, .locations-detail-container .listcontrol .grid-sort-select-wrapper .btn {
    height: 3rem;
  }
  .objects-container .listcontrol .grid-sort-select-wrapper .btn .filter-option, .location-container .listcontrol .grid-sort-select-wrapper .btn .filter-option, .locations-detail-container .listcontrol .grid-sort-select-wrapper .btn .filter-option {
    text-indent: -999rem;
  }
  .objects-container .listcontrol .grid-sort-select-wrapper .btn .caret, .location-container .listcontrol .grid-sort-select-wrapper .btn .caret, .locations-detail-container .listcontrol .grid-sort-select-wrapper .btn .caret {
    width: 6rem;
    height: 3rem;
    background-position: 50% 50%;
    margin-left: -2.6rem;
  }
  .sets-container .listcontrol .grid-sort-select-wrapper {
    margin-left: 0 !important;
  }
  .listcontrol .listcontrol-wrapper > ul .view-switch-region {
    margin-left: 0;
  }
  .listcontrol .listcontrol-wrapper > ul .view-switch-region .view-switch > label {
    display: none;
  }
  .listcontrol .listcontrol-wrapper > ul .view-switch-region .view-mode-label .ico {
    width: 1.8rem;
    height: 1.8rem;
  }
  .listcontrol .listcontrol-wrapper-manage .hint,
.listcontrol .listcontrol-wrapper-manage .btn[data-action=delete] {
    display: none;
  }
  .listcontrol .listcontrol-wrapper-manage button[data-action=close] {
    padding: 0.75rem 2rem;
    font-size: 1.3rem;
    line-height: 1.538;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-transform: uppercase;
  }
  .listcontrol .listcontrol-wrapper-manage button[data-action=close] .ico {
    display: none;
  }
  .listcontrol .list-sort-select-wrapper .btn {
    font-size: 1.3rem;
    line-height: 1.538;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-transform: uppercase;
  }
  :lang(de) .listcontrol .list-sort-select-wrapper .btn {
    font-size: 1.2rem;
    line-height: 1.25;
    letter-spacing: 0.03em;
    text-decoration: none;
  }
}

.modal-body .listcontrol.is-sticky {
  left: 0;
  top: 10rem;
  width: calc(100% - 2rem);
}

.listcontrol-light {
  position: relative;
}
.listcontrol-light h3 + .btn {
  position: absolute;
  top: 0;
  right: 0;
}

.is-showroom .listcontrol {
  max-height: 0;
  opacity: 0;
  padding: 0;
}
.is-showroom .listcontrol.is-sticky {
  overflow: hidden;
}

.is-detail-mode .listcontrol {
  opacity: 0;
}

.is-detail-mode .listcontrol {
  display: none;
}

.ico-wrapper {
  text-align: center;
  padding: 1rem 0;
}

.ico {
  display: inline-block;
  width: 2rem;
  height: 2rem;
}

.ico-lg {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 2.2rem;
}

.ico-xlg {
  width: 10rem;
  height: 10rem;
  line-height: 10rem;
  font-size: 8rem;
}

.ico-white {
  color: white;
  border-color: white;
}

.ico-border {
  border: 2px solid;
  border-radius: 100%;
}

.ico-info {
  fill: #8c897e;
}

a .ico {
  fill: #272421;
}
a:active .ico, a:focus .ico {
  fill: #52c6e2;
}
a[disabled] .ico {
  fill: #8c897e;
}

.status-indicator {
  transition-property: background-color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  overflow: hidden;
  border-radius: 100%;
  text-indent: -99rem;
  background-color: transparent;
}
.status-indicator.is-on {
  background-color: #52c6e2;
}
.status-indicator.is-off {
  background-color: #ff585f;
}

.modal {
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  transition-property: transform, opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  position: absolute;
  top: 0;
  right: 0;
  width: 80%;
  height: 100vh;
  background-color: #fff;
  z-index: 30;
  box-shadow: -1.5rem 0 1.5rem 0 rgba(0, 0, 0, 0.05);
}
.modal .modal-buttons-right button {
  float: right;
  margin-left: 1rem;
}
.modal .modal-header {
  position: relative;
  height: 10rem;
  padding-left: 8rem;
  padding-right: 8rem;
}
.modal .modal-header .header-part {
  padding-left: 8rem;
  padding-right: 8rem;
}
.modal .modal-header button[data-action=close]:focus {
  background-color: #ccc9c6;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal .modal-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .modal .modal-header .header-part {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.modal .modal-body {
  height: calc(100vh - 10rem);
  background-color: #e4e0dd;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}
.modal .modal-content {
  position: relative;
}
.modal .modal-footer {
  height: 8rem;
}
.modal .modal-footer-button button[type=submit] {
  width: 100%;
  display: block;
}
.modal.has-footer .modal-body {
  height: calc(100vh - 16rem);
}
.modal.edit-object-modal {
  min-width: 90rem;
}
.modal .modal-body.print-modal,
.modal .modal-body.label-print-modal,
.modal .modal-body.advanced-print-modal {
  padding: 4rem 8rem 16rem 8rem;
}
.modal .modal-body.print-modal select[disabled],
.modal .modal-body.label-print-modal select[disabled],
.modal .modal-body.advanced-print-modal select[disabled] {
  opacity: 0.5;
}
.modal .modal-body.print-modal .option-select,
.modal .modal-body.label-print-modal .option-select,
.modal .modal-body.advanced-print-modal .option-select {
  padding-left: 0;
  display: block;
}
.modal .modal-body.print-modal .option-select label.label-headline,
.modal .modal-body.label-print-modal .option-select label.label-headline,
.modal .modal-body.advanced-print-modal .option-select label.label-headline {
  display: block;
  margin-bottom: 1rem;
  text-transform: none;
  font-size: 1.4rem;
}
.modal .modal-body.print-modal .option-select input[type=text],
.modal .modal-body.label-print-modal .option-select input[type=text],
.modal .modal-body.advanced-print-modal .option-select input[type=text] {
  margin-left: 2rem;
}
.modal .modal-body.print-modal .form-note,
.modal .modal-body.label-print-modal .form-note,
.modal .modal-body.advanced-print-modal .form-note {
  color: #8c897e;
}
.modal .modal-body.print-modal .row,
.modal .modal-body.label-print-modal .row,
.modal .modal-body.advanced-print-modal .row {
  margin-left: 0;
  margin-right: 0;
}
.modal .modal-body.print-modal .row-slim .page-col-2 .label-headline,
.modal .modal-body.print-modal .row-large .page-col-2 .label-headline,
.modal .modal-body.label-print-modal .row-slim .page-col-2 .label-headline,
.modal .modal-body.label-print-modal .row-large .page-col-2 .label-headline,
.modal .modal-body.advanced-print-modal .row-slim .page-col-2 .label-headline,
.modal .modal-body.advanced-print-modal .row-large .page-col-2 .label-headline {
  padding-top: 0.5rem;
}
.modal .modal-body.print-modal .row-restricted,
.modal .modal-body.label-print-modal .row-restricted,
.modal .modal-body.advanced-print-modal .row-restricted {
  opacity: 0.4;
}
.modal .modal-body.print-modal .row-restricted *,
.modal .modal-body.label-print-modal .row-restricted *,
.modal .modal-body.advanced-print-modal .row-restricted * {
  cursor: default !important;
  pointer-events: none;
}
.modal .modal-body.print-modal .row-restricted *.input-info,
.modal .modal-body.label-print-modal .row-restricted *.input-info,
.modal .modal-body.advanced-print-modal .row-restricted *.input-info {
  pointer-events: auto;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal .modal-body.print-modal,
.modal .modal-body.label-print-modal,
.modal .modal-body.advanced-print-modal {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .modal .modal-body.print-modal .page-col-2,
.modal .modal-body.print-modal .page-col-3,
.modal .modal-body.label-print-modal .page-col-2,
.modal .modal-body.label-print-modal .page-col-3,
.modal .modal-body.advanced-print-modal .page-col-2,
.modal .modal-body.advanced-print-modal .page-col-3 {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
  .modal .modal-body.print-modal .table-columns-region .page-col-2,
.modal .modal-body.label-print-modal .table-columns-region .page-col-2,
.modal .modal-body.advanced-print-modal .table-columns-region .page-col-2 {
    float: right;
  }
  .modal .modal-body.print-modal .table-columns-region .page-col-3,
.modal .modal-body.label-print-modal .table-columns-region .page-col-3,
.modal .modal-body.advanced-print-modal .table-columns-region .page-col-3 {
    float: left;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.modal-list-print .actions .btn {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.modal.modal-filter {
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  right: auto;
  padding-right: calc(100% - 78rem);
  width: 100%;
  background: transparent;
  overflow: hidden;
}
.modal.modal-filter aside {
  position: fixed;
  right: 0;
  top: 0;
  width: calc(100vw - 78rem);
  height: 100%;
  display: table;
}
.modal.modal-filter aside > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.modal.modal-filter aside > div .result-count {
  margin-bottom: 2rem;
  font-size: 2.6rem;
  color: #8c897e;
}
.modal.modal-filter aside > div button {
  border-radius: 0.2rem;
  width: 12rem;
  margin-bottom: 30rem;
}
.modal.modal-table-fields-settings-modal .modal-body {
  padding: 4rem 8rem 16rem 8rem;
}
.modal.modal-table-fields-settings-modal h3 {
  margin-bottom: 3rem;
}
.modal.modal-table-fields-settings-modal hr {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.modal-table-fields-settings-modal .modal-body {
    padding: 4rem 2rem 8rem 2rem;
  }
}
.modal.modal-left {
  -moz-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  right: auto;
  left: 0;
}
.modal.modal-center {
  -moz-transform: translate3d(-50%, 50%, 0);
  -o-transform: translate3d(-50%, 50%, 0);
  -ms-transform: translate3d(-50%, 50%, 0);
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0);
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  height: auto;
  width: 55rem;
  margin-bottom: 6rem;
  border-radius: 0.2rem;
  box-shadow: 0 0 4rem 0 rgba(190, 180, 170, 0.25);
  overflow: hidden;
  opacity: 0;
}
.modal.modal-center .modal-header {
  padding: 3rem 4rem 1rem 4rem;
  height: auto;
  min-height: 9rem;
}
.modal.modal-center .modal-header li.actions {
  padding: 0 4rem 2rem 1.5rem;
}
.modal.modal-center .modal-body {
  background: #f8f7f6;
  height: auto;
  padding: 2.5rem 4rem 3rem;
  max-height: 70vh;
  overflow-y: scroll;
}
.modal.modal-center .modal-body p {
  margin-bottom: 1em;
}
.modal.modal-center .modal-body .btn-primary {
  background-color: #a9e2f0;
}
.modal.modal-center.modal-restriction {
  width: 50rem;
}
.modal.modal-center.modal-restriction .modal-header {
  padding: 3rem 4rem 4rem 4rem;
  height: auto;
}
.modal.modal-center.modal-restriction .modal-header h2 {
  max-height: none;
  white-space: normal;
  padding-right: 12rem;
}
.modal.modal-center.modal-restriction .modal-header .btn {
  position: absolute;
  right: 4rem;
  top: 3rem;
}
.modal.modal-center.modal-restriction .modal-body {
  height: auto;
  padding: 0 3rem 4rem 4rem;
  background: #fff;
}
.modal.modal-center.modal-restriction .modal-footer {
  background: #f8f7f6;
  height: auto;
  padding: 0;
  text-align: center;
}
.modal.modal-center.modal-restriction .modal-footer a {
  font-size: 1.2rem;
  display: block;
  line-height: 4rem;
  text-align: center;
  color: #8c897e;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.modal-center.modal-restriction {
    max-width: 90%;
  }
  .modal.modal-center.modal-restriction .modal-header {
    padding: 2rem;
  }
  .modal.modal-center.modal-restriction .modal-header h2 {
    width: 100%;
  }
  .modal.modal-center.modal-restriction .modal-header .btn {
    width: 6rem;
    text-indent: -999rem;
    background-image: url("/images/icons/close-light.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 1.6rem 1.6rem;
    right: 2rem;
    top: 2rem;
  }
  .modal.modal-center.modal-restriction .modal-body {
    padding: 0 2rem 2rem 2rem;
  }
  .modal.modal-center.modal-restriction .modal-body .btn {
    width: 100%;
  }
}
.modal.modal-small {
  width: 50%;
}
.modal.modal-medium {
  width: 120rem;
}
.modal.modal-lightbox {
  width: 100%;
  background: #4d4a47;
}
.modal.modal-lightbox > div {
  height: 100%;
}
.modal.modal-lightbox .modal-body {
  overflow: hidden;
  position: relative;
  background: none;
  height: 100vh;
}
.modal.modal-lightbox .modal-body button[data-action=close] {
  position: absolute;
  top: 1rem;
  right: 0.5rem;
  z-index: 50;
  font-size: 0;
  background: transparent;
}
.modal.modal-lightbox .modal-body button[data-action=close] .ico {
  width: 1.8rem;
  height: 1.8rem;
  fill: #fff;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.modal-lightbox .modal-body button[data-action=close] .ico {
    width: 2.2rem;
    height: 2.2rem;
  }
}
.modal.modal-lightbox .image-slider {
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  position: relative;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.modal.modal-lightbox .image-slider .image,
.modal.modal-lightbox .image-slider .video {
  float: left;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}
.modal.modal-lightbox .image-slider .image img,
.modal.modal-lightbox .image-slider .video img {
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  width: 100%;
  height: 100%;
}
.modal.modal-lightbox .image-slider .image video,
.modal.modal-lightbox .image-slider .video video {
  width: 100%;
  height: 100%;
}
.modal.modal-lightbox .image-slider .image-box {
  position: absolute;
  top: 50%;
  left: 50%;
}
.modal.modal-lightbox .image-slider .slick-list,
.modal.modal-lightbox .image-slider .slick-track {
  height: 100%;
}
.modal.modal-lightbox .image-slider.transition-disabled .image img {
  transition-property: none;
}
.modal.modal-lightbox .image-slider.is-ready {
  opacity: 1;
}
.modal.modal-lightbox .image-slider .btn-play {
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 4rem;
  width: 16rem;
  height: 16rem;
  margin: -8rem 0 0 -8rem;
  background: none;
}
.modal.modal-lightbox .image-slider .btn-play .ico {
  fill: #fff;
  width: 100%;
  height: 100%;
}
.modal.modal-lightbox .image-slider video.is-playing + .btn-play {
  opacity: 0;
  pointer-events: none;
}
.modal.modal-lightbox .slide-prev,
.modal.modal-lightbox .slide-next {
  position: absolute;
  top: 50%;
  width: 10rem;
  height: 10rem;
  padding: 2rem;
  margin: -6rem 0 0 0;
  background: none;
  opacity: 0;
}
.modal.modal-lightbox .slide-prev .ico,
.modal.modal-lightbox .slide-next .ico {
  position: absolute;
  top: 2rem;
  left: 2rem;
  fill: #e9e6e2;
  width: 6rem;
  height: 6rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.modal-lightbox .slide-prev,
.modal.modal-lightbox .slide-next {
    width: 6rem;
    height: 6rem;
    padding: 1rem;
    margin-top: -3rem;
  }
  .modal.modal-lightbox .slide-prev .ico,
.modal.modal-lightbox .slide-next .ico {
    top: 1rem;
    left: 1rem;
    width: 4rem;
    height: 4rem;
  }
}
.modal.modal-lightbox .slide-prev {
  left: 2rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.modal-lightbox .slide-prev {
    left: 1rem;
  }
}
.modal.modal-lightbox .slide-next {
  right: 2rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.modal-lightbox .slide-next {
    right: 1rem;
  }
}
.modal.modal-lightbox .image-slider.is-ready ~ .slide-prev,
.modal.modal-lightbox .image-slider.is-ready ~ .slide-next {
  opacity: 1;
}
.modal.modal-lightbox .image-slider.is-ready ~ .slide-prev.slick-disabled,
.modal.modal-lightbox .image-slider.is-ready ~ .slide-next.slick-disabled {
  cursor: default;
  opacity: 0;
}
.modal.modal-lightbox .slick-dots {
  bottom: 4rem;
}
.modal.modal-lightbox .slick-dots li {
  display: inline-block;
  margin: 0 0.8rem;
  width: 1rem;
  height: 1rem;
}
.modal.modal-lightbox .slick-dots button {
  width: 100%;
  height: 100%;
  padding: 0;
  transition-property: background-color;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  border: 1px solid #beb4aa;
  border-radius: 100%;
  background-color: transparent;
}
.modal.modal-lightbox .slick-dots .slick-active button {
  background-color: #beb4aa;
}
.modal.modal-sell-item {
  width: 70rem;
}
.modal.modal-sell-item .modal-body {
  display: flex;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.modal-sell-item .modal-body {
    flex-direction: column;
  }
}
.modal.modal-sell-item .sell-item .box {
  width: 22rem;
}
.modal.modal-sell-item .sell-options {
  margin-left: 3rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.modal-sell-item .sell-options {
    margin-left: 0;
  }
}
.modal.modal-sell-item .sell-options .retailPrice {
  display: flex;
}
.modal.modal-sell-item .sell-options .retailPrice > fieldset {
  flex-grow: 1;
  margin-right: 2rem;
}
.modal.modal-sell-item .sell-options .submit {
  margin-top: 2rem;
}
.modal.modal-sell-item .sell-options .submit button + button {
  margin-left: 0;
  margin-top: 1rem;
}
.modal.modal-sell-item .sell-options .small-print {
  margin-top: 2rem;
}
.modal .advanced-print-modal .custom-detail-format {
  transition-property: max-height, opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.modal .advanced-print-modal.is-custom-format .custom-detail-format {
  opacity: 1;
  max-height: 8rem;
}
.modal.modal-label-print .page-container {
  padding-bottom: 0;
}
.modal.modal-iframe {
  width: 100%;
}
.modal.modal-iframe .modal-header {
  padding-left: 4rem;
  padding-right: 4rem;
  height: 8rem;
  background-color: #262323;
}
.modal.modal-iframe .modal-header h2 {
  margin-top: 0.3rem;
  color: #bfbcb0;
  cursor: pointer;
}
.modal.modal-iframe .modal-header .btn-back {
  background-color: #575451;
}
.modal.modal-iframe .modal-header .btn-back .ico {
  fill: #bfbcb0;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.modal-iframe .modal-header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .modal.modal-iframe .modal-header .btn-back {
    margin-top: -1rem;
  }
}
.modal.modal-iframe .modal-body {
  overflow: hidden;
  height: calc(100vh - 8rem);
}

.modals-list {
  position: absolute;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0);
  transition-property: background-color, opacity;
  transition-duration: 0.4s;
  transition-timing-function: linear;
}
.modals-list.fade-out-bg {
  opacity: 0;
}
.modals-list .modal-sub-bg {
  display: block;
  position: absolute;
  left: 0;
  right: auto;
  height: auto;
  bottom: 0;
  transform: translate3d(0, 0, 0);
  z-index: 30;
  top: 0;
  opacity: 0;
  transition-property: opacity, right, background-color;
  transition-duration: 0.4s;
  transition-timing-function: linear;
}
.modals-list .modal-sub-bg.modal-sub-bg-show {
  opacity: 1;
  right: 0;
}
.modals-list .modal-sub-bg {
  background: rgba(0, 0, 0, 0.3);
}
.modals-list .modal-sub-bg.fade-out-bg {
  opacity: 0;
}
.modals-list.has-modals {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(77, 74, 71, 0.88);
}
.modals-list.has-modals.light-bg {
  background-color: rgba(228, 224, 221, 0.8);
}
.modals-list.has-modals.dont-hide-nav {
  left: 18rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .modals-list.has-modals.dont-hide-nav {
    left: 0;
  }
}

.modal-overlay {
  transition-property: opacity, visibility;
  transition-duration: 0.4s;
  transition-timing-function: linear;
  transition-delay: 0s, 0.4s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 29;
  background-color: #4d4a47;
  opacity: 0;
  visibility: hidden;
}

.modal-open .modal-overlay {
  transition-property: opacity;
  transition-delay: 0s;
  visibility: visible;
  opacity: 0.85;
}

.modal + .modal {
  width: 75%;
}

.modal + .modal + .modal {
  width: 70%;
}

.modal.modal-visible {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.modal.modal-visible.modal-center {
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.mobile .modal .modal-body {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.mobile .modal .modal-body {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 1300px) {
  .modal.modal-medium {
    width: 100rem;
  }
}
@media only screen and (max-width: 900px) {
  .modal.modal-medium {
    width: 80rem;
  }
}
@media (min-width: 540px) and (max-width: 767px) {
  .modal.modal-medium {
    width: 100vw;
  }
}
@media (min-width: 1px) and (max-width: 539px) {
  .modal.modal-medium {
    width: 100vw;
  }
}
@media (min-width: 540px) and (max-width: 767px) {
  .modal.modal-small {
    width: 100vw;
  }
}
@media (min-width: 1px) and (max-width: 539px) {
  .modal.modal-small {
    width: 100vw;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal {
    width: 100vw;
    min-width: 100vw;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.edit-object-modal, .modal.modal-change-password, .modal.modal-subscription, .modal.modal-list-print {
    width: 100%;
    min-width: 100%;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .modal.modal-center {
    width: 90%;
  }
}

hr {
  background: none;
  border: none;
  border-top: solid 1px #d7d2cc;
}
hr.divider-default {
  margin: 2rem 2rem;
}

.box.box-object-image {
  -webkit-flex: 0 1 18rem;
  flex: 0 1 18rem;
  padding: 0;
  height: 18rem;
  box-shadow: none;
}
.box.box-object-image.is-restricted .image {
  outline: 4px solid #ff585f;
}
.box.box-object-image .image {
  min-height: 0;
  text-align: center;
  width: 18rem;
  height: 18rem;
}
.box.box-object-image .image img {
  display: block;
  width: auto;
  height: auto;
  cursor: pointer;
}
.box.box-object-image.is-main .image {
  outline: 4px solid #52c6e2;
}
.box.box-object-image button {
  position: absolute;
  top: 0;
  padding: 0.5rem;
  width: 3rem;
  height: 3rem;
  z-index: 1;
}
.box.box-object-image button .ico {
  width: 1rem;
  height: 1rem;
  fill: #8c897e;
}
.box.box-object-image button.btn-left {
  left: 0;
}
.box.box-object-image button.btn-right {
  right: 0;
}
.box.box-object-image progress,
.box.box-object-image .import-progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  left: 0.5rem;
  bottom: 0.5rem;
  border: solid 1px #272421;
  padding: 1px;
  width: calc(100% - 1rem);
  height: 1rem;
  background: rgba(255, 255, 255, 0.3);
}
.box.box-object-image progress::-webkit-progress-bar,
.box.box-object-image .import-progress::-webkit-progress-bar {
  background: none;
}
.box.box-object-image progress::-webkit-progress-value,
.box.box-object-image .import-progress::-webkit-progress-value {
  background-color: #272421;
}
.box.box-object-image progress::-moz-progress-bar,
.box.box-object-image .import-progress::-moz-progress-bar {
  background-color: #272421;
}
.box.box-object-image.is-uploading button {
  display: none;
}
.box.box-object-image.is-importing .import-progress div {
  -webkit-animation: load-kitt 1.5s ease-in-out alternate infinite;
  animation: load-kitt 1.5s ease-in-out alternate infinite;
  height: 100%;
}
.box.box-object-image.is-importing .import-progress div:before {
  -webkit-animation: load-kitt-inner 1.5s ease-in-out alternate infinite;
  animation: load-kitt-inner 1.5s ease-in-out alternate infinite;
}
.box.box-object-image.is-importing .import-progress div:before {
  content: "";
  display: block;
  width: 1rem;
  height: 100%;
  background: #272421;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box.box-object-image {
    -webkit-flex: 0 1 14rem;
    flex: 0 1 14rem;
    height: 14rem;
  }
  .box.box-object-image .image {
    width: 14rem;
    height: 14rem;
  }
}

.object-details {
  height: 100vh;
  background: #ffffff;
  text-align: left;
  min-height: 100vh;
}
.object-details:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4rem;
  background: linear-gradient(0deg, white, rgba(255, 255, 255, 0));
  pointer-events: none;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details:after {
    display: none;
  }
}
.object-details .meta-info {
  position: relative;
  width: 100%;
  padding-right: 5rem;
  padding-bottom: 1rem;
}
.object-details .meta-info span {
  position: relative;
  display: inline-block;
  float: left;
  margin-right: 2rem;
  height: 2rem;
  line-height: 2rem;
  color: #8c897e;
}
.object-details .meta-info span:last-child {
  margin-right: 0;
}
.object-details .meta-info .object-custom-id {
  margin-right: 2rem;
  overflow: hidden;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details .meta-info .object-custom-id {
    padding-top: 0.3rem;
    margin-top: 5rem;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details .meta-info .object-status {
    display: inline-block;
    margin-top: 0.3rem;
  }
}
.object-details .meta-info .object-status.object-status-action {
  cursor: pointer;
  padding-right: 1.5rem;
}
.object-details .meta-info .object-status .ico {
  width: 1rem;
  height: 1rem;
  fill: #8c897e;
  position: absolute;
  right: 0rem;
  top: 50%;
  margin-top: -0.6rem;
}
.object-details .meta-info .object-actions {
  position: absolute;
  top: 0;
  right: 5rem;
  margin-top: -1rem;
  padding-left: 1rem;
  background: #fff;
  height: 4rem;
}
.object-details .meta-info .object-actions .btn-caret {
  height: 4rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details .meta-info .object-actions {
    right: 7rem;
    margin-top: 0;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details .meta-info .object-actions .btn {
    width: 49%;
    margin: 0;
    max-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.object-details .meta-info .btn-buy {
  background-color: #ff585f;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details .meta-info {
    padding-right: 8rem;
  }
}
.object-details .action-layer-actions {
  margin-top: 1rem;
  margin-right: -2rem;
}
.object-details section.main-info {
  position: relative;
  padding: 3rem 6rem 2rem 6rem;
  z-index: 10;
}
.object-details section.main-info:after {
  content: "";
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: -0.75rem;
  height: 0.75rem;
  background: radial-gradient(ellipse at top, rgba(0, 0, 0, 0.1) 0%, transparent 50%);
  background-size: 150% 100%;
  background-position: 50% 0%;
  pointer-events: none;
  z-index: 30;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.main-info {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-property: transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    padding: 2rem;
  }
}
.object-details .pager {
  display: none;
  position: absolute;
  top: 2rem;
  right: 9.5rem;
}
.object-details .pager a {
  display: inline-block;
  padding: 1rem;
}
.object-details .pager a:not(:first-child) {
  margin-left: 2rem;
}
.object-details .headline-wrapper {
  margin-top: 6rem;
  overflow: hidden;
  max-width: 47rem;
}
.object-details .headline-wrapper h1 {
  max-width: 80%;
  display: block;
  display: -webkit-box;
  max-height: 12.0016rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.object-details .headline-wrapper h2.subline {
  color: #8c897e;
  max-width: 75%;
  padding: 0.5rem 0;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details .headline-wrapper {
    margin-top: 2rem;
  }
  .object-details .headline-wrapper h1 {
    max-width: calc(100% - 7rem);
  }
}
.object-details .object-dimension-type {
  padding-right: 2rem;
}
.object-details .object-size {
  padding-right: 2rem;
}
.object-details section.more-info {
  position: relative;
  padding: 2rem 6rem 10rem 6rem;
  height: calc(100% - 18rem);
  overflow-y: auto;
  background-color: #ffffff;
}
.object-details section.more-info:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 2rem;
  border-top: 0.5rem solid #ffffff;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0), white);
  z-index: 20;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-property: height, transform;
    transition-duration: 0.4s;
    transition-timing-function: ease-in-out;
    padding: 1rem 2rem 10rem 2rem;
    height: calc(100% - 16rem);
  }
}
@media (min-width: 1500px) {
  .object-details section.more-info section {
    max-width: 47rem;
  }
}
.object-details section.more-info section:empty {
  display: none;
}
.object-details section.more-info > section + section {
  border-top: 1px solid #f1efed;
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info > section + section {
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
  }
}
.object-details section.more-info .component-text-region + .component-region,
.object-details section.more-info .component-html-region + .component-region {
  margin-top: 3rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info p {
    font-size: 1.8rem;
  }
}
.object-details section.more-info p + p {
  margin-top: 0.8em;
}
.object-details section.more-info h3 {
  margin-bottom: 1rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info h3 {
    font-size: 1.6rem;
  }
}
.object-details section.more-info h4 {
  margin-bottom: 1rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info h4 {
    font-size: 1.6rem;
  }
}
.object-details section.more-info .component-colors .object-custom-color {
  margin-bottom: 2rem;
}
.object-details section.more-info .component-colors .object-colors {
  margin-top: -1rem;
}
.object-details section.more-info .component-colors .object-colors .object-color {
  position: relative;
  padding-left: 3rem;
  display: inline-block;
  width: 49%;
  margin: 1rem 0;
  float: left;
}
.object-details section.more-info .component-colors .object-colors .object-color:before, .object-details section.more-info .component-colors .object-colors .object-color:after {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 1.6rem;
  left: 0;
  top: calc(50% - 0.8rem);
  border-radius: 50%;
}
.object-details section.more-info .component-colors .object-colors .object-color:after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(255, 255, 255, 0.15));
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-black:before {
  background-color: #404040;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-grey:before {
  background-color: #a4a49f;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-white:before {
  background-color: #f8f8f7;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-blue:before {
  background-color: #3d7acd;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-cyan:before {
  background-color: #24aae2;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-indigo:before {
  background-color: #7f34df;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-purple:before {
  background-color: #a1239a;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-magenta:before {
  background-color: #b81f7d;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-pink:before {
  background-color: #d88db8;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-red:before {
  background-color: #c73546;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-orange:before {
  background-color: #e0a34c;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-yellow:before {
  background-color: #e8da45;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-green:before {
  background-color: #668e43;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-olive:before {
  background-color: #666a48;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-brown:before {
  background-color: #5a5043;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-gold:before {
  background-color: #dba328;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-gold:after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.6), rgba(128, 128, 128, 0.3));
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-copper:before {
  background-color: #ad7850;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-copper:after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.6), rgba(128, 128, 128, 0.3));
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-silver:before {
  background-color: #e0e2e2;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-silver:after {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.6), rgba(128, 128, 128, 0.3));
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-colorless:before {
  background-color: #fff;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-undefined:before {
  background-color: none;
  border: 1px solid #d8d3cc;
}
.object-details section.more-info .component-colors .object-colors .object-color.object-color-swatch-undefined:after {
  background: none;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info .component-colors .object-colors {
    margin-top: 0;
  }
}
.object-details section.more-info .component-species ol {
  padding-bottom: 4rem;
}
.object-details section.more-info .component-species .object-species {
  display: block;
  background: #f8f7f6;
}
.object-details section.more-info .component-species .object-species strong {
  line-height: 2.5rem;
  display: inline-block;
  width: 33%;
  min-height: 2.5rem;
}
.object-details section.more-info .component-species .object-species span {
  color: #8c897e;
  display: inline-block;
  width: 66%;
  vertical-align: top;
  word-wrap: break-word;
  min-height: 2.5rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info .component-species .object-species {
    padding: 1rem 1.5rem;
  }
  .object-details section.more-info .component-species .object-species strong {
    font-size: 1.8rem;
    line-height: 2.5rem;
    width: 100%;
  }
  .object-details section.more-info .component-species .object-species span {
    font-size: 1.6rem;
    min-height: auto;
  }
  .object-details section.more-info .component-species .object-species-correlation {
    padding: 1rem 1.5rem;
    display: block;
  }
}
.object-details section.more-info .component-storage-id button,
.object-details section.more-info .component-sets button {
  margin-top: 1rem;
  padding-left: 0;
  padding-right: 0;
}
.object-details section.more-info .component-storage-id li,
.object-details section.more-info .component-sets li {
  padding-bottom: 0.5rem;
}
.object-details section.more-info .component-storage-id li a,
.object-details section.more-info .component-sets li a {
  display: block;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info .component-storage-id li,
.object-details section.more-info .component-sets li {
    font-size: 1.8rem;
    line-height: 2.5rem;
    padding-top: 0.5rem;
  }
}
.object-details section.more-info .component-sets {
  margin-right: 3rem;
}
.object-details section.more-info .component-sets li {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}
.object-details section.more-info .component-sets a {
  position: relative;
  white-space: nowrap;
  background-color: #f1efed;
}
.object-details section.more-info .component-sets a .ico {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.4em;
  width: 5.2rem;
  fill: #8c897e;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), white 70%);
  padding-left: 4rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info .component-sets {
    width: 100%;
  }
}
.object-details section.more-info .component-storage-id-region {
  display: inline-block;
  width: 54%;
  vertical-align: top;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info .component-storage-id-region {
    width: 100%;
  }
}
.object-details section.more-info .component-sets-region {
  display: inline-block;
  width: 45%;
  vertical-align: top;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info .component-sets-region {
    width: 100%;
  }
}
.object-details section.more-info .component-assets .assets li:nth-child(even) {
  background: #f8f7f6;
}
.object-details section.more-info .component-assets .assets li:nth-child(odd) .btn {
  background: #f8f7f6;
}
.object-details section.more-info .component-assets .assets a {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 1rem;
}
.object-details section.more-info .component-assets .assets a .image {
  position: relative;
  width: 5rem;
  height: 5rem;
}
.object-details section.more-info .component-assets .assets a .image img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 150%;
  height: 150%;
}
.object-details section.more-info .component-assets .assets a .btn {
  margin-left: auto;
}
.object-details section.more-info section.object-images {
  position: relative;
  margin: 0 0 3rem -2rem;
  border-top: 0;
  padding: 1rem;
  width: calc(100% + 4rem);
  max-width: calc(100% + 4rem);
  border-radius: 0.2rem;
  background: #f8f7f6;
  overflow: hidden;
}
.object-details section.more-info section.object-images > h3 {
  display: none;
}
.object-details section.more-info section.object-images:after, .object-details section.more-info section.object-images:before {
  content: "";
  position: absolute;
  left: 0;
  top: -25%;
  height: 150%;
  width: 1.5rem;
  background: radial-gradient(ellipse at left, rgba(0, 0, 0, 0.05) 0%, transparent 50%);
  background-size: 150% 100%;
  background-position: 50% 0%;
  pointer-events: none;
  z-index: 25;
}
.object-details section.more-info section.object-images:before {
  right: 0;
  left: auto;
  background: radial-gradient(ellipse at right, rgba(0, 0, 0, 0.03) 0%, transparent 50%);
}
.object-details section.more-info section.object-description {
  border-top: 0;
  padding-top: 0;
}
.object-details section.more-info section.object-description > h3 {
  display: none;
}
.object-details section.more-info section.object-previous-owners {
  border-top: 0;
  padding-top: 0;
}
.object-details section.more-info section.object-history > h3 {
  display: none;
}
.object-details section.more-info section.object-values > h3 {
  display: none;
}
.object-details section.more-info section.object-additional-info > h3 {
  display: none;
}
.object-details section.more-info section.object-additional-info section + section {
  margin-top: 2rem;
}
.object-details section.more-info section.object-locality > h3 {
  display: none;
}
.object-details section.more-info section.object-locality .object-full-locality, .object-details section.more-info section.object-locality .object-locality-mine {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 0;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info section.object-locality .object-full-locality, .object-details section.more-info section.object-locality .object-locality-mine {
    width: 100%;
  }
}
.object-details section.more-info section.object-locality li {
  padding-bottom: 0.5rem;
  color: #8c897e;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info section.object-locality li {
    font-size: 1.8rem;
  }
}
.object-details section.more-info section.object-locality .object-locality-map p {
  color: #8c897e;
}
.object-details section.more-info section.object-notes p {
  background: linear-gradient(#f1efed 1px, transparent 1px);
  background-size: 100% 2.4rem;
  background-position: center 2.2rem;
  background-origin: content-box;
}
.object-details section.more-info section.object-groups button {
  margin-top: 1rem;
  padding-left: 0;
  padding-right: 0;
}
.object-details section.more-info section.object-groups li {
  padding-bottom: 0.5rem;
}
.object-details section.more-info section.object-groups li a {
  display: block;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info section.object-groups li {
    font-size: 1.8rem;
    line-height: 2.5rem;
    padding-top: 0.5rem;
  }
}
.object-details section.more-info section.object-groups section.object-storage-location {
  display: inline-block;
  width: 54%;
  vertical-align: top;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info section.object-groups section.object-storage-location {
    width: 100%;
  }
}
.object-details section.more-info section.object-groups section.object-sets {
  display: inline-block;
  width: 45%;
  vertical-align: top;
}
.object-details section.more-info section.object-groups section.object-sets li {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}
.object-details section.more-info section.object-groups section.object-sets a {
  position: relative;
  white-space: nowrap;
}
.object-details section.more-info section.object-groups section.object-sets a .ico {
  position: absolute;
  top: 0;
  right: 0;
  height: 1.2em;
  width: 5.2rem;
  fill: #8c897e;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), white 70%);
  padding-left: 4rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info section.object-groups section.object-sets {
    width: 100%;
  }
}
.object-details section.more-info dl dt {
  display: inline-block;
  padding-right: 1rem;
  width: 33%;
  vertical-align: top;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info dl dt {
    width: 100%;
  }
}
.object-details section.more-info dl dd {
  display: inline-block;
  width: 64%;
  padding-bottom: 0.3rem;
  vertical-align: top;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details section.more-info dl dt {
    font-size: 1.6rem;
    width: 100%;
    margin-bottom: 0.25rem;
  }
  .object-details section.more-info dl dd {
    margin-bottom: 1rem;
    width: 90%;
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
  .object-details section.more-info dl dd p {
    font-size: 1.8rem;
    line-height: 2.5rem;
  }
}
.object-details .image-slider {
  transition-property: opacity;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out;
  height: 34rem;
  overflow: visible;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details .image-slider {
    height: 20rem;
  }
}
.object-details .image-slider .image,
.object-details .image-slider .video {
  position: relative;
  margin-right: 1rem;
  display: flex;
}
.object-details .image-slider .image.loading,
.object-details .image-slider .video.loading {
  position: relative;
  background: #fff;
  min-width: 40rem;
  min-height: 100%;
}
.object-details .image-slider .image.loading:before,
.object-details .image-slider .video.loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.5rem 0 0 -1.5rem;
  border: 0.4rem solid #e9e6e2;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  display: block;
  opacity: 0;
  -webkit-animation: fade-in 0.75s 0.25s ease-out forwards, load-pulse 1.5s ease-in-out infinite;
  animation: fade-in 0.75s 0.25s ease-out forwards, load-pulse 1.5s ease-in-out infinite;
}
.object-details .image-slider .image.loading img,
.object-details .image-slider .video.loading img {
  opacity: 0;
}
.object-details .image-slider .image:only-child,
.object-details .image-slider .video:only-child {
  margin: 0;
  height: 100%;
}
.object-details .image-slider .image img,
.object-details .image-slider .image video,
.object-details .image-slider .video img,
.object-details .image-slider .video video {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 32rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details .image-slider .image img,
.object-details .image-slider .image video,
.object-details .image-slider .video img,
.object-details .image-slider .video video {
    max-height: 20rem;
  }
}
.object-details .image-slider .image img,
.object-details .image-slider .video img {
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  border-radius: 1px;
}
.object-details .image-slider .slick-list {
  overflow: visible;
}
.object-details .image-slider .btn-play {
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 4rem;
  width: 16rem;
  height: 16rem;
  margin: -8rem 0 0 -8rem;
  background: none;
}
.object-details .image-slider .btn-play .ico {
  fill: #fff;
  width: 100%;
  height: 100%;
}
.object-details .image-slider video.is-playing + .btn-play {
  opacity: 0;
  pointer-events: none;
}
.object-details .slide-prev,
.object-details .slide-next {
  position: absolute;
  top: 50%;
  width: 6rem;
  height: 5.5rem;
  padding: 0;
  margin: -6rem 0 0 0;
  background: none;
}
.object-details .slide-prev:before,
.object-details .slide-next:before {
  content: "";
  position: absolute;
  top: 0;
  left: -3rem;
  background: #ffffff;
  width: 5.5rem;
  height: 6rem;
  border-radius: 0.2rem;
  transition-property: width;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.object-details .slide-prev .ico,
.object-details .slide-next .ico {
  position: absolute;
  top: 2.3rem;
  left: 0.3rem;
  fill: #272421;
  width: 1.4rem;
  height: 1.4rem;
  transition-property: right, left;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.object-details .slide-prev.slick-disabled,
.object-details .slide-next.slick-disabled {
  cursor: default;
}
.object-details .slide-prev.slick-disabled:before,
.object-details .slide-next.slick-disabled:before {
  width: 0;
}
.object-details .slide-prev.slick-disabled .slide-prev .ico,
.object-details .slide-next.slick-disabled .slide-prev .ico {
  left: -2rem;
}
.object-details .slide-prev.slick-disabled .slide-next .ico,
.object-details .slide-next.slick-disabled .slide-next .ico {
  left: -6rem;
}
.object-details .slide-prev {
  left: 0;
}
.object-details .slide-prev.slick-disabled .ico {
  left: -4rem;
}
.object-details .slide-next {
  right: 0;
}
.object-details .slide-next:before {
  right: -3rem;
  left: auto;
}
.object-details .slide-next .ico {
  left: 4.2rem;
}
.object-details .slide-next.slick-disabled .ico {
  left: 14rem;
}
.object-details .image-slider-pager {
  text-align: left;
  display: inline-block;
  margin: 1.5rem 1rem 0 1rem;
}
.object-details .image-slider-pager li {
  cursor: pointer;
  position: relative;
  float: left;
  display: inline-block;
  margin: 0 0.75rem 0.75rem 0;
  width: 5rem;
  height: 4rem;
  background: #ffffff;
  overflow: hidden;
}
.object-details .image-slider-pager li img {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  opacity: 1;
}
.object-details .image-slider-pager li.is-restricted {
  display: none;
}
.object-details .image-slider-pager li:hover {
  outline: 2px solid #a9e2f0;
}
.object-details .image-slider-pager li.is-active, .object-details .image-slider-pager li.is-active:hover {
  outline: 2px solid #52c6e2;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.object-details .edit {
  margin-bottom: 2rem;
}
.object-details .edit li {
  display: inline-block;
  float: left;
  margin-right: 2rem;
}
.object-details .edit li.select-set {
  margin-right: 4rem;
}
.object-details .edit button:not(.is-loading) {
  padding-left: 0;
}
.object-details .edit button:before {
  top: calc(50% - 1.5rem);
}
.object-details .edit label,
.object-details .edit button,
.object-details .edit select {
  font-size: 1.6rem;
  line-height: 2.2rem;
  text-transform: uppercase;
}
.object-details .edit .btn {
  padding-top: 0;
}
.object-details .edit .btn[data-action=highlight-storage] {
  display: none;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details.reduced-main-info .main-info {
    -moz-transform: translate3d(0, -6rem, 0);
    -o-transform: translate3d(0, -6rem, 0);
    -ms-transform: translate3d(0, -6rem, 0);
    -webkit-transform: translate3d(0, -6rem, 0);
    transform: translate3d(0, -6rem, 0);
  }
  .object-details.reduced-main-info .more-info {
    -moz-transform: translate3d(0, -6rem, 0);
    -o-transform: translate3d(0, -6rem, 0);
    -ms-transform: translate3d(0, -6rem, 0);
    -webkit-transform: translate3d(0, -6rem, 0);
    transform: translate3d(0, -6rem, 0);
    height: calc(100% - 8rem);
  }
}

.object-details-showroom .object-details {
  width: 100%;
}
.object-details-showroom .edit {
  display: none;
}
.object-details-showroom section.more-info {
  height: calc(100% - 14rem);
}
.object-details-showroom section.more-info section {
  max-width: none;
}
.object-details-showroom .pager {
  display: none;
}

.is-detail-mode #content {
  width: calc(100vw - 59rem);
  min-width: calc(100vw - 59rem);
}
.is-detail-mode #content .container-with-dnd {
  padding-right: 0;
}
.is-detail-mode #objectsGrid {
  width: calc(100vw - 63rem);
}

#extra-content.collection-object-detail {
  width: 59rem;
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .is-detail-mode #objectsGrid {
    padding-right: 0;
  }
  .is-detail-mode #objectsGrid {
    width: calc(100vw - 63rem);
  }
  .is-detail-mode .box.box-flex, .is-detail-mode .list-flex .box {
    -webkit-flex: 0 1 17.6rem;
    -moz-flex: 0 1 17.6rem;
    -ms-flex: 0 1 17.6rem;
    -o-flex: 0 1 17.6rem;
    flex: 0 1 17.6rem;
    margin: 1.2rem;
    padding: 1.6rem 1.6rem 4rem 1.6rem;
    max-width: 17.6rem;
  }
  .is-detail-mode .box.box-flex.box.box-object-object, .is-detail-mode .list-flex .box.box.box-object-object {
    padding-bottom: 12.8rem;
  }
  .is-detail-mode .box.box-flex.box.box-object-object .object-id, .is-detail-mode .list-flex .box.box.box-object-object .object-id {
    font-size: 0.8rem;
  }
  .is-detail-mode .box.box-flex h4, .is-detail-mode .list-flex .box h4 {
    font-size: 1.28rem;
    line-height: 1;
    width: 100%;
    margin-bottom: 0.16rem;
    max-height: 11.2rem;
  }
  .is-detail-mode .box.box-flex h4.subline, .is-detail-mode .list-flex .box h4.subline {
    font-size: 1.12rem;
    line-height: 1.1424;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 9999px) {
  .object-details section.main-info {
    padding: 3rem 8rem 2rem 8rem;
  }
  .object-details .headline-wrapper h1, .object-details .headline-wrapper h2.subline {
    max-width: 100%;
  }
  .object-details section.more-info {
    padding: 2rem 8rem 10rem 8rem;
  }
  .object-details .image-slider {
    height: 40rem;
  }
  .object-details .image-slider .image,
.object-details .image-slider .video {
    height: 40rem;
  }
  .object-details .image-slider .image img,
.object-details .image-slider .image video,
.object-details .image-slider .video img,
.object-details .image-slider .video video {
    max-height: 40rem;
  }

  .is-detail-mode #content {
    width: 50%;
    min-width: 50%;
  }
  .is-detail-mode #objectsGrid {
    width: 47vw;
  }

  #extra-content.collection-object-detail {
    width: 50%;
  }

  #extra-content a.close {
    margin-right: 2rem;
  }
}
@media (min-width: 540px) and (max-width: 767px) {
  .is-detail-mode #content {
    width: calc(100vw - 50rem);
    min-width: calc(100vw - 50rem);
  }
  .is-detail-mode #content .container-with-dnd {
    padding-right: 0;
  }
  .is-detail-mode .view-switch-region {
    display: none;
  }

  #extra-content.collection-object-detail {
    width: 100%;
  }
}
@media (min-width: 1px) and (max-width: 539px) {
  .is-detail-mode #content {
    width: 100%;
  }
  .is-detail-mode #content .container-with-dnd {
    padding-right: 0;
  }

  #extra-content.collection-object-detail {
    width: 100%;
  }
}
.mobile #extra-content aside .object-siblings-list-region,
.mobile #extra-content article.object-details section.more-info {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.mobile .object-details-showroom section.more-info {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.no-mobile .object-details ::-webkit-scrollbar-thumb {
  background-color: rgba(77, 74, 71, 0.2);
  border: none;
}
.no-mobile .object-details ::-webkit-scrollbar-thumb:hover {
  background-color: #4d4a47;
}

.detail-modal .image {
  height: 100%;
}
.detail-modal .image.loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.5rem 0 0 -1.5rem;
  border: 0.4rem solid #e9e6e2;
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
  display: block;
  opacity: 0;
  -webkit-animation: fade-in 0.75s 0.25s ease-out forwards, load-pulse 1.5s ease-in-out infinite;
  animation: fade-in 0.75s 0.25s ease-out forwards, load-pulse 1.5s ease-in-out infinite;
}
.detail-modal .image.loading img {
  opacity: 0;
}
.detail-modal .image img {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  opacity: 1;
}

html,
body {
  height: 99.99%;
}

body {
  margin: 0;
  padding: 0;
  color: #272421;
  background-color: #e4e0dd;
  min-width: 320px;
  position: relative;
  overflow-x: hidden;
}
body > svg {
  width: 0;
  height: 0;
  display: block;
}

#app {
  min-height: 100%;
}

#stage {
  min-height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  background-color: #e4e0dd;
}

#login {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

#main {
  position: absolute;
  top: 0;
  bottom: 0;
  min-width: 100%;
  overflow-x: hidden;
}
#main.show-extra-content {
  overflow: hidden;
}

.ie {
  scrollbar-base-color: #6a6463;
  scrollbar-3dlight-color: #4d4a47;
  scrollbar-highlight-color: #4d4a47;
  scrollbar-track-color: #e4e0dd;
  scrollbar-arrow-color: #4d4a47;
  scrollbar-shadow-color: #e4e0dd;
  scrollbar-dark-shadow-color: #4d4a47;
}

.no-mobile ::-webkit-scrollbar {
  background: transparent;
  width: 0.75rem;
  height: 0.75rem;
}
.no-mobile ::-webkit-scrollbar-button {
  display: none;
}
.no-mobile ::-webkit-scrollbar-thumb {
  background-color: rgba(77, 74, 71, 0.2);
  border: none;
}
.no-mobile ::-webkit-scrollbar-thumb:hover {
  background-color: #4d4a47;
}
.no-mobile ::-webkit-scrollbar-corner {
  display: none;
}
.no-mobile ::-webkit-resizer {
  display: none;
}

.content-header,
.modal-header {
  position: relative;
  color: #272421;
  background-color: #ffffff;
  height: 10rem;
  padding: 2.5rem 4rem;
  overflow: hidden;
  text-align: left;
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
@media (min-width: 1px) and (max-width: 767px) {
  .content-header,
.modal-header {
    padding: 2.5rem 2rem;
  }
}
.content-header h2,
.modal-header h2 {
  padding: 0 10rem 0 0;
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  opacity: 1;
  max-height: 3rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content-header h2.subline,
.modal-header h2.subline {
  color: #8c897e;
  padding-bottom: 0;
}
@media (min-width: 1px) and (max-width: 767px) {
  .content-header h2.subline,
.modal-header h2.subline {
    font-size: 1.6rem;
  }
}
.content-header h2 .shared-item,
.modal-header h2 .shared-item {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  display: inline-block;
  color: #52c6e2;
  margin-left: 2rem;
  cursor: pointer;
  opacity: 1;
}
@media (min-width: 1px) and (max-width: 767px) {
  .content-header h2 .shared-item,
.modal-header h2 .shared-item {
    margin-left: 1rem;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .content-header h2,
.modal-header h2 {
    padding: 0 0 0 0;
  }
}
.content-header.search-active .search-header,
.modal-header.search-active .search-header {
  width: calc(100% - 7rem);
  top: 2.5rem;
  bottom: 2.5rem;
  opacity: 1;
  background: #fff;
}
.content-header.search-active .search-header .search-terms,
.modal-header.search-active .search-header .search-terms {
  border-bottom: 2px dotted #ddd;
  margin-right: 8rem;
}
.content-header.search-active .search-header .search-terms ul,
.modal-header.search-active .search-header .search-terms ul {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  max-height: 3.2rem;
  overflow: hidden;
}
.content-header.search-active .search-header .search-terms ul li,
.modal-header.search-active .search-header .search-terms ul li {
  position: relative;
  display: inline-block;
  float: none;
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding: 0.5rem 4rem 0.5rem 1rem;
  border-radius: 0.2rem;
  background: #f2f0ee;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 24rem;
}
.content-header.search-active .search-header .search-terms ul li .term,
.modal-header.search-active .search-header .search-terms ul li .term {
  color: #272421;
}
.content-header.search-active .search-header .search-terms ul li .clear-term,
.modal-header.search-active .search-header .search-terms ul li .clear-term {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #ded9d4;
  padding: 0;
  width: 3rem;
  height: 100%;
  background: url("../images/icons/close-strong.svg") no-repeat center;
  background-size: 0.8rem 0.8rem;
}
.content-header.search-active .search-header .search-terms ul li .clear-term:hover, .content-header.search-active .search-header .search-terms ul li .clear-term:focus,
.modal-header.search-active .search-header .search-terms ul li .clear-term:hover,
.modal-header.search-active .search-header .search-terms ul li .clear-term:focus {
  background-color: #e5e3e1;
}
.content-header.search-active .search-header .search-terms input[type=search],
.modal-header.search-active .search-header .search-terms input[type=search] {
  display: inline-block;
  width: 100%;
  cursor: text;
}
.content-header.search-active .search-header .search-terms input[type=search]::-webkit-input-placeholder,
.modal-header.search-active .search-header .search-terms input[type=search]::-webkit-input-placeholder {
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: #8c897e;
}
.content-header.search-active .search-header .search-terms input[type=search]:-moz-placeholder,
.modal-header.search-active .search-header .search-terms input[type=search]:-moz-placeholder {
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: #8c897e;
}
.content-header.search-active .search-header .search-terms input[type=search]::-moz-placeholder,
.modal-header.search-active .search-header .search-terms input[type=search]::-moz-placeholder {
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: #8c897e;
}
.content-header.search-active .search-header .search-terms input[type=search]:-ms-input-placeholder,
.modal-header.search-active .search-header .search-terms input[type=search]:-ms-input-placeholder {
  font-size: inherit;
  line-height: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  text-align: left;
  color: #8c897e;
}
.content-header.search-active .search-header .search-terms input[type=search]::-ms-clear,
.modal-header.search-active .search-header .search-terms input[type=search]::-ms-clear {
  display: none;
}
.content-header.search-active .search-header .search-terms input[type=search]:focus,
.modal-header.search-active .search-header .search-terms input[type=search]:focus {
  border-bottom: none;
}
.content-header.search-active .search-header .search-terms ul + input[type=search],
.modal-header.search-active .search-header .search-terms ul + input[type=search] {
  width: 16rem;
}
.content-header.search-active .search-header .btn,
.modal-header.search-active .search-header .btn {
  margin-right: 1rem;
}
.content-header.search-active .search-header .clear-all,
.modal-header.search-active .search-header .clear-all {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 5rem;
  height: 4rem;
  border-radius: 0.2rem;
  background-image: url("../images/icons/close-light.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem 1rem;
}
.content-header.search-active .search-header .clear-all:hover, .content-header.search-active .search-header .clear-all:focus,
.modal-header.search-active .search-header .clear-all:hover,
.modal-header.search-active .search-header .clear-all:focus {
  background-color: #e5e3e1;
}
.content-header.search-active h2,
.modal-header.search-active h2 {
  opacity: 0;
}
.content-header.search-active .btn-group,
.modal-header.search-active .btn-group {
  opacity: 0;
}
@media (min-width: 1px) and (max-width: 767px) {
  .content-header.search-active .search-header,
.modal-header.search-active .search-header {
    width: 100%;
  }
  .content-header.search-active .search-header .btn-clean,
.modal-header.search-active .search-header .btn-clean {
    opacity: 0;
    width: 1rem;
  }
  .content-header.search-active .search-header .btn-secondary,
.modal-header.search-active .search-header .btn-secondary {
    margin-right: 0;
  }
  .content-header.search-active .search-header::-webkit-input-placeholder,
.modal-header.search-active .search-header::-webkit-input-placeholder {
    color: #8c897e;
  }
  .content-header.search-active .search-header:-moz-placeholder,
.modal-header.search-active .search-header:-moz-placeholder {
    color: #8c897e;
  }
  .content-header.search-active .search-header::-moz-placeholder,
.modal-header.search-active .search-header::-moz-placeholder {
    color: #8c897e;
  }
  .content-header.search-active .search-header:-ms-input-placeholder,
.modal-header.search-active .search-header:-ms-input-placeholder {
    color: #8c897e;
  }
}
.content-header .search-header,
.modal-header .search-header {
  transition-property: opacity, top, right, bottom, width, transform, background;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: absolute;
  top: 2.5rem;
  right: 3rem;
  width: 10rem;
  opacity: 1;
  background: none;
}
.content-header .search-header .search-terms,
.modal-header .search-header .search-terms {
  padding: 0 0 0.5rem 0;
}
.content-header .search-header .search-terms ul,
.modal-header .search-header .search-terms ul {
  display: none;
}
.content-header .search-header button[type=submit]:before,
.modal-header .search-header button[type=submit]:before {
  display: none;
}
.content-header .search-header .btn,
.modal-header .search-header .btn {
  float: left;
  padding: 0;
  height: 2rem;
  line-height: 2rem;
  padding: 0.5rem 0.5rem 0 0;
}
.content-header .search-header .btn svg,
.modal-header .search-header .btn svg {
  fill: #99968a;
}
.content-header .search-header .clear-all,
.modal-header .search-header .clear-all {
  display: none;
}
.content-header .search-header input[type=search],
.modal-header .search-header input[type=search] {
  transition-property: width;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  color: #272421;
  margin-bottom: 0;
  border: 0;
  width: 7rem;
  height: 3rem;
  line-height: 3rem;
  vertical-align: middle;
  background-color: transparent;
  cursor: pointer;
}
.content-header .search-header input[type=search]::-webkit-input-placeholder,
.modal-header .search-header input[type=search]::-webkit-input-placeholder {
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: 0.05em;
  text-decoration: inherit;
  text-transform: uppercase;
  text-align: left;
  color: #272421;
}
.content-header .search-header input[type=search]:-moz-placeholder,
.modal-header .search-header input[type=search]:-moz-placeholder {
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: 0.05em;
  text-decoration: inherit;
  text-transform: uppercase;
  text-align: left;
  color: #272421;
}
.content-header .search-header input[type=search]::-moz-placeholder,
.modal-header .search-header input[type=search]::-moz-placeholder {
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: 0.05em;
  text-decoration: inherit;
  text-transform: uppercase;
  text-align: left;
  color: #272421;
}
.content-header .search-header input[type=search]:-ms-input-placeholder,
.modal-header .search-header input[type=search]:-ms-input-placeholder {
  font-size: 1.5rem;
  line-height: inherit;
  letter-spacing: 0.05em;
  text-decoration: inherit;
  text-transform: uppercase;
  text-align: left;
  color: #272421;
}
@media (min-width: 1px) and (max-width: 767px) {
  .content-header .search-header,
.modal-header .search-header {
    width: 4.4rem;
    right: 2rem;
    background: #fff;
    padding: 0 0 1rem 2rem;
    box-shadow: 0 0 2rem 1rem white;
  }
  .content-header .search-header .btn,
.modal-header .search-header .btn {
    height: 3rem;
    padding: 0;
  }
  .content-header .search-header .btn .ico,
.modal-header .search-header .btn .ico {
    width: 1.8rem;
    height: 1.8rem;
  }
  .content-header .search-header input[type=search]:not(.input-no-focus):focus,
.modal-header .search-header input[type=search]:not(.input-no-focus):focus {
    border-bottom: none;
  }
  .content-header .search-header input[type=search],
.modal-header .search-header input[type=search] {
    width: 0;
  }
  .content-header .search-header::-webkit-input-placeholder,
.modal-header .search-header::-webkit-input-placeholder {
    color: transparent;
  }
  .content-header .search-header:-moz-placeholder,
.modal-header .search-header:-moz-placeholder {
    color: transparent;
  }
  .content-header .search-header::-moz-placeholder,
.modal-header .search-header::-moz-placeholder {
    color: transparent;
  }
  .content-header .search-header:-ms-input-placeholder,
.modal-header .search-header:-ms-input-placeholder {
    color: transparent;
  }
}
.content-header .btn-group,
.modal-header .btn-group {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition-property: opacity, transform;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
  position: absolute;
  top: 2.5rem;
  right: 0;
  opacity: 1;
  padding: 0 26rem 2rem 2.5rem;
  background: #fff;
  box-shadow: 0 0 2rem 1rem white;
}
@media (min-width: 1px) and (max-width: 767px) {
  .content-header .btn-group,
.modal-header .btn-group {
    padding: 0 2rem 2rem 1.5rem;
  }
}
.content-header #share-button,
.modal-header #share-button {
  display: none;
}
@media (min-width: 1px) and (max-width: 767px) {
  .content-header .btn[data-action=toggle-edit],
.content-header .btn.toggle-editmode,
.content-header .btn[data-action=share],
.modal-header .btn[data-action=toggle-edit],
.modal-header .btn.toggle-editmode,
.modal-header .btn[data-action=share] {
    display: none;
  }
}
.content-header .header-part,
.modal-header .header-part {
  transition-property: transform;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 2.5rem 4rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .content-header .header-part,
.modal-header .header-part {
    padding: 2.5rem 2rem;
  }
}
.content-header ul,
.modal-header ul {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
}
.content-header li,
.modal-header li {
  display: inline-block;
  float: left;
}
.content-header li.input,
.modal-header li.input {
  width: 50%;
}
.content-header li.actions,
.modal-header li.actions {
  position: absolute;
  top: 2rem;
  right: 0;
  padding: 0 8rem 2rem 1.5rem;
  background: #fff;
  box-shadow: 0 0 2rem 1rem white;
}
@media (min-width: 1px) and (max-width: 767px) {
  .content-header li.actions,
.modal-header li.actions {
    padding: 0 2rem 2rem 1.5rem;
  }
  .content-header li.actions .btn,
.modal-header li.actions .btn {
    padding: 0.75rem 2rem;
    font-size: 1.3rem;
    line-height: 1.538;
    letter-spacing: 0.05em;
    text-decoration: none;
    text-transform: uppercase;
  }
  .content-header li.actions .btn .ico,
.modal-header li.actions .btn .ico {
    display: none;
  }
}
.content-header li .btn:last-child,
.modal-header li .btn:last-child {
  margin-right: 0;
}
.content-header li .btn[data-action=delete],
.modal-header li .btn[data-action=delete] {
  margin-left: 4rem;
}
.content-header .header-part-edit,
.modal-header .header-part-edit {
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
.content-header .header-part-edit input[type=text],
.modal-header .header-part-edit input[type=text] {
  font-size: 2rem;
  padding: 0.5rem 0;
}
.content-header.is-editmode .header-part-view, .content-header[data-state=edit] .header-part-view,
.modal-header.is-editmode .header-part-view,
.modal-header[data-state=edit] .header-part-view {
  -moz-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
.content-header.is-editmode .header-part-edit, .content-header[data-state=edit] .header-part-edit,
.modal-header.is-editmode .header-part-edit,
.modal-header[data-state=edit] .header-part-edit {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.content-header .btn-back,
.modal-header .btn-back {
  transition-property: opacity, top;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  position: absolute;
  top: 2.5rem;
  left: 0rem;
  width: 2.5rem;
  height: 3rem;
  opacity: 1;
  border-radius: 0 0.2rem 0.2rem 0;
  background-color: #f1efed;
}
.content-header .btn-back .ico,
.modal-header .btn-back .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: -0.6rem;
  margin-left: -0.6rem;
  fill: #272421;
}
@media (min-width: 1px) and (max-width: 767px) {
  .content-header .btn-back,
.modal-header .btn-back {
    width: 3rem;
    height: 5rem;
    position: relative;
    left: auto;
    top: auto;
    float: left;
    display: inline-block;
    margin-left: -2rem;
    margin-right: 2rem;
  }
  .content-header .btn-back .ico,
.modal-header .btn-back .ico {
    width: 1.6rem;
    height: 1.6rem;
    margin-top: -0.8rem;
    margin-left: -0.8rem;
  }
}
.content-header .toggle-headline,
.modal-header .toggle-headline {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  cursor: pointer;
}
.content-header .view-switch-region,
.modal-header .view-switch-region {
  position: absolute;
  top: 2.5rem;
  right: 4rem;
}
.content-header .view-switch-region span,
.modal-header .view-switch-region span {
  display: none;
}
.content-header .view-switch-region .ico,
.modal-header .view-switch-region .ico {
  width: 1.4rem;
  height: 1.4rem;
  fill: #272421;
}
.content-header .view-switch-region label,
.modal-header .view-switch-region label {
  margin: 0 0.5rem 0 0;
  padding: 0.5rem 1rem;
  line-height: 1;
  font-size: 1rem;
}
.content-header .view-switch-region label:last-child,
.modal-header .view-switch-region label:last-child {
  margin-right: 0;
}

.list-layout-scroll-container .content-header .actions .ico,
.list-layout-scroll-container .modal-header .actions .ico {
  display: none;
}
@media (min-width: 1px) and (max-width: 767px) {
  .list-layout-scroll-container .content-header .actions .btn-secondary,
.list-layout-scroll-container .content-header .actions .btn-tertiary,
.list-layout-scroll-container .modal-header .actions .btn-secondary,
.list-layout-scroll-container .modal-header .actions .btn-tertiary {
    text-indent: -999rem;
    width: 4.4rem;
    height: 3.6rem;
    padding: 0;
  }
  .list-layout-scroll-container .content-header .actions .btn-secondary .ico,
.list-layout-scroll-container .content-header .actions .btn-tertiary .ico,
.list-layout-scroll-container .modal-header .actions .btn-secondary .ico,
.list-layout-scroll-container .modal-header .actions .btn-tertiary .ico {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.6rem;
    height: 1.6rem;
    margin: -0.8rem 0 0 -0.8rem;
  }
  .list-layout-scroll-container .content-header .actions .btn-tertiary,
.list-layout-scroll-container .modal-header .actions .btn-tertiary {
    display: none;
  }
}

.is-detail-mode .content-header,
.is-detail-mode .modal-header {
  background-color: #e4e0dd;
}
.is-detail-mode .edit-container .content-header,
.is-detail-mode .edit-container .modal-header,
.is-detail-mode .modals-list .content-header,
.is-detail-mode .modals-list .modal-header {
  background-color: #ffffff;
}
.is-detail-mode .search-header {
  display: none;
}
.is-detail-mode .set-header .header-part-view:after {
  display: none;
}
.is-detail-mode .set-header .set-sum-total,
.is-detail-mode .set-header .set-price,
.is-detail-mode .set-header .set-description {
  display: none;
}

.detail-header-region .content-header h2,
.detail-header-region .modal-header h2 {
  opacity: 1;
}

.set-header {
  transition-property: transform, height;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  height: 16rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .set-header {
    height: 18rem;
  }
}
.set-header.is-editmode {
  height: 30rem;
}
.set-header:not(.is-editmode).show-description {
  height: 24rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .set-header:not(.is-editmode).show-description {
    height: 30rem;
  }
}
.set-header:not(.is-editmode).show-description .set-description {
  max-height: 7em;
  overflow: scroll;
}
@media (min-width: 1px) and (max-width: 767px) {
  .set-header:not(.is-editmode).show-description .set-description {
    max-height: 9em;
  }
}
.set-header:not(.is-editmode).show-description .set-description button {
  background-image: url("/images/icons/close-light.svg");
}
.set-header .btn-group {
  padding-bottom: 0;
}
.set-header .header-part-view:after {
  content: "";
  width: 100%;
  height: 3rem;
  background: linear-gradient(0deg, white, rgba(255, 255, 255, 0));
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.set-header .set-id {
  position: relative;
  color: #8c897e;
  padding-bottom: 0;
}
@media (min-width: 1px) and (max-width: 767px) {
  .set-header .set-id {
    font-size: 1.6rem;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  .set-header .set-sum-total,
.set-header .set-price,
.set-header .set-description {
    margin-left: 3rem;
  }
}
.set-header .set-sum-total,
.set-header .set-price {
  color: #8c897e;
}
@media (min-width: 1px) and (max-width: 767px) {
  .set-header .set-sum-total,
.set-header .set-price {
    font-size: 1.6rem;
  }
}
.set-header .subline + .set-price,
.set-header .subline + .set-sum-total {
  margin-top: 0.5em;
}
.set-header .set-description {
  margin-top: 0.5em;
  max-height: 3em;
  max-width: 100rem;
  overflow: hidden;
  transition-property: max-height;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.set-header .set-description button {
  width: 6rem;
  height: 3rem;
  background: #f1efed url("/images/icons/down.svg") no-repeat 50% 50%;
  background-size: 1.2rem 1.2rem;
  border-radius: 0.2rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.set-header .set-description button span {
  display: none;
}
.set-header li.input {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1px) and (max-width: 767px) {
  .set-header li.input {
    width: 100%;
  }
}
.set-header li.input textarea {
  margin-top: 1em;
}
.set-header li.input p {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.set-header li.input p label {
  white-space: nowrap;
  margin-right: 1em;
}
.set-header li.input p input,
.set-header li.input p select {
  flex: 50% 1 1;
}
.set-header li.input p input {
  margin-right: 1em;
}

#content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18rem;
  width: calc(100% - 18rem);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  opacity: 1;
  background-color: #e4e0dd;
  transition-property: transform, margin;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.is-detail-mode #content {
  transition-property: padding, transform, left, opacity, width, margin;
}
.nav-hidden #content {
  width: 100%;
  -moz-transform: translate3d(-18rem, 0, 0);
  -o-transform: translate3d(-18rem, 0, 0);
  -ms-transform: translate3d(-18rem, 0, 0);
  -webkit-transform: translate3d(-18rem, 0, 0);
  transform: translate3d(-18rem, 0, 0);
}
#content.loading {
  height: 100%;
}
#content.loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3rem 0 0 -3rem;
  border: 0.8rem solid rgba(255, 255, 255, 0.6);
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  display: block;
  opacity: 0;
  -webkit-animation: fade-in 0.75s 0.25s ease-out forwards, load-pulse 1.5s ease-in-out infinite;
  animation: fade-in 0.75s 0.25s ease-out forwards, load-pulse 1.5s ease-in-out infinite;
}

@media (min-width: 1px) and (max-width: 767px) {
  #content {
    left: 0;
    width: 100%;
  }
  .has-opened-nav #content {
    -moz-transform: translate3d(26rem, 0, 0);
    -o-transform: translate3d(26rem, 0, 0);
    -ms-transform: translate3d(26rem, 0, 0);
    -webkit-transform: translate3d(26rem, 0, 0);
    transform: translate3d(26rem, 0, 0);
  }
}
#extra-content {
  -moz-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
  z-index: 20;
  background: #e4e0dd;
  opacity: 1;
  overflow: hidden;
  transition-property: transform, opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
#extra-content a.close {
  position: absolute;
  top: 2rem;
  right: 4rem;
  height: 4rem;
  width: 6rem;
  padding: 1.2rem 1.5rem;
  text-align: center;
  z-index: 50;
  font-size: 0;
  border-radius: 0.2rem;
  background-color: #a9e2f0;
}
#extra-content a.close .ico {
  width: 1.4rem;
  height: 1.4rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  #extra-content a.close {
    background: #a9e2f0;
    right: 2rem;
  }
}

header.is-sticky + .scroll-container {
  position: absolute;
  top: 10rem;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: auto;
}

.show-extra-content #extra-content {
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  width: 100%;
}
.show-extra-content #extra-content.loading {
  height: 100%;
}
.show-extra-content #extra-content.loading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3rem 0 0 -3rem;
  border: 0.8rem solid rgba(255, 255, 255, 0.6);
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  display: block;
  opacity: 0;
  -webkit-animation: fade-in 0.75s 0.25s ease-out forwards, load-pulse 1.5s ease-in-out infinite;
  animation: fade-in 0.75s 0.25s ease-out forwards, load-pulse 1.5s ease-in-out infinite;
}
.show-extra-content #content {
  -moz-transform: translate3d(-18rem, 0, 0);
  -o-transform: translate3d(-18rem, 0, 0);
  -ms-transform: translate3d(-18rem, 0, 0);
  -webkit-transform: translate3d(-18rem, 0, 0);
  transform: translate3d(-18rem, 0, 0);
}
@media (min-width: 1px) and (max-width: 767px) {
  .show-extra-content #content {
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.mobile #content,
.mobile header.is-sticky + .scroll-container {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.box.box-object-object {
  padding-bottom: 16rem;
  /*
   * Pleas leave it in. Maybe we need it in the near future again
  .object-size-type {
      @extend %cf;
      position: absolute;
      display: inline-block;
      bottom: 1.5rem;
      left: 2rem;
      background-color: white;
      list-style-type: none;
      height: 1.6rem;
      padding: 0.3rem;

      @media only screen and (max-width: 1900px) {
          height: 1rem;
      }

      li {
          background-color: $back-light-2;
          width: 0.8rem;
          height: 0.8rem;
          border-radius: 50%;
          float: left;
          margin: 0.1rem;

          @media only screen and (max-width: 1900px) {
              width: 0.5rem;
              height: 0.5rem;
          }

          &:nth-child(1) {
           @include transform(scale(0.5));
          }

          &:nth-child(2) {
           @include transform(scale(0.6));
          }

          &:nth-child(3) {
           @include transform(scale(0.7));
          }

          &:nth-child(4) {
           @include transform(scale(0.8));
          }

          &:nth-child(5) {
           @include transform(scale(0.9));
          }
      }

      &.object-size-type-micromount {
          li:nth-child(1) {
              background: $highlight;
          }
      }

      &.object-size-type-thumbnail {
          li:nth-child(2) {
              background: $highlight;
          }
      }

      &.object-size-type-miniature {
          li:nth-child(3) {
              background: $highlight;
          }
      }

      &.object-size-type-smallCabinet {
          li:nth-child(4) {
              background: $highlight;
          }
      }

      &.object-size-type-cabinetSpecimen {
          li:nth-child(5) {
              background: $highlight;
          }
      }

      &.object-size-type-museumSpecimen {
          li:nth-child(6) {
              background: $highlight;
          }
      }

  }
  */
}
@media (min-width: 1px) and (max-width: 767px) {
  .box.box-object-object {
    padding-bottom: 11.6rem;
  }
}
.ie .box.box-object-object {
  padding-bottom: 20rem;
}
.box.box-object-object .headline-wrapper {
  overflow: hidden;
}
.box.box-object-object .image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.box.box-object-object .object-id {
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: 0.05;
  color: #8c897e;
  position: absolute;
  display: inline-block;
  top: 1rem;
  right: 1.5rem;
  height: 1rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .box.box-object-object .object-id {
    font-size: 0.8rem;
  }
}
.box.box-object-object .object-id + .headline-wrapper {
  padding-top: 0.5rem;
}
.no-touch .box.box-object-object .object-size-type {
  opacity: 0;
}
.no-touch .box.box-object-object:hover .object-size-type {
  opacity: 1;
}
.box.box-object-object .price {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.5rem 1rem;
  background: #668e43;
  color: #fff;
  border-top-left-radius: 0.2rem;
}

.objects-listing .box-object-object {
  transition-property: none;
}
.objects-listing .box-object-object.is-active {
  box-shadow: 0.75rem 0 0 0 #52C6E2, -0.75rem 0 0 0 #52C6E2, 0 0.75rem 0 0 #52C6E2, 0 -0.75rem 0 0 #52C6E2, 0.75rem 0.75rem 0 0 #52C6E2, -0.75rem -0.75rem 0 0 #52C6E2, -0.75rem 0.75rem 0 0 #52C6E2, 0.75rem -0.75rem 0 0 #52C6E2;
}
.objects-listing.is-manage-mode .box-object-object {
  box-shadow: 0.75rem 0 0 0 #e8e6e3, -0.75rem 0 0 0 #e8e6e3, 0 0.75rem 0 0 #e8e6e3, 0 -0.75rem 0 0 #e8e6e3, 0.75rem 0.75rem 0 0 #e8e6e3, -0.75rem -0.75rem 0 0 #e8e6e3, -0.75rem 0.75rem 0 0 #e8e6e3, 0.75rem -0.75rem 0 0 #e8e6e3;
}
.objects-listing.is-manage-mode .box-object-object.is-selected {
  box-shadow: 0.75rem 0 0 0 #52C6E2, -0.75rem 0 0 0 #52C6E2, 0 0.75rem 0 0 #52C6E2, 0 -0.75rem 0 0 #52C6E2, 0.75rem 0.75rem 0 0 #52C6E2, -0.75rem -0.75rem 0 0 #52C6E2, -0.75rem 0.75rem 0 0 #52C6E2, 0.75rem -0.75rem 0 0 #52C6E2;
}
@media (min-width: 1px) and (max-width: 767px) {
  .objects-listing.is-manage-mode .box-object-object {
    box-shadow: 0.5rem 0 0 0 #e8e6e3, -0.5rem 0 0 0 #e8e6e3, 0 0.5rem 0 0 #e8e6e3, 0 -0.5rem 0 0 #e8e6e3, 0.5rem 0.5rem 0 0 #e8e6e3, -0.5rem -0.5rem 0 0 #e8e6e3, -0.5rem 0.5rem 0 0 #e8e6e3, 0.5rem -0.5rem 0 0 #e8e6e3;
  }
  .objects-listing.is-manage-mode .box-object-object.is-selected {
    box-shadow: 0.5rem 0 0 0 #52C6E2, -0.5rem 0 0 0 #52C6E2, 0 0.5rem 0 0 #52C6E2, 0 -0.5rem 0 0 #52C6E2, 0.5rem 0.5rem 0 0 #52C6E2, -0.5rem -0.5rem 0 0 #52C6E2, -0.5rem 0.5rem 0 0 #52C6E2, 0.5rem -0.5rem 0 0 #52C6E2;
  }
}
.objects-listing.is-manage-mode .table-striped tbody tr.is-selected {
  border: 0.5rem solid #b1e5f1;
}
.objects-listing.is-manage-mode .table-striped tbody tr.is-selected td:first-child {
  border-left: 1rem solid #b1e5f1;
}
.objects-listing.is-manage-mode .table-striped tbody tr.is-selected td:last-child {
  border-right: 0.5rem solid #b1e5f1;
}
.objects-listing.is-manage-mode .table-striped.table-overflow tbody tr.is-selected:nth-child(even) .td-text:after {
  box-shadow: 0 0 2rem 2.5rem #c5ecf5;
}
.objects-listing.is-manage-mode .table-striped.table-overflow tbody tr.is-selected:nth-child(odd) .td-text:after {
  box-shadow: 0 0 2rem 2.5rem #b1e5f1;
}
.objects-listing.is-manage-mode .box-empty, .objects-listing.is-manage-mode .box .empty-plus {
  cursor: default;
  opacity: 0.3;
}
.objects-listing.is-manage-mode .box-empty .empty-plus, .objects-listing.is-manage-mode .box .empty-plus .empty-plus {
  cursor: default;
  opacity: 1;
}
.objects-listing .table-striped tbody tr.is-active {
  border: 0.5rem solid #b1e5f1;
}
.objects-listing .table-striped tbody tr.is-active td:first-child {
  border-left: 1rem solid #b1e5f1;
}
.objects-listing .table-striped tbody tr.is-active td:last-child {
  border-right: 0.5rem solid #b1e5f1;
}
.objects-listing .table-striped.table-overflow tbody tr.is-active:nth-child(even) .td-text:after {
  box-shadow: 0 0 2rem 2.5rem #c5ecf5;
}
.objects-listing .table-striped.table-overflow tbody tr.is-active:nth-child(odd) .td-text:after {
  box-shadow: 0 0 2rem 2.5rem #b1e5f1;
}
.objects-listing .viewmode {
  display: none;
}
.objects-listing.is-viewmode-grid .viewmode-grid {
  display: block;
}
.objects-listing.is-viewmode-showroom-grid .viewmode-showroom-grid {
  display: block;
  text-align: center;
}
.objects-listing.is-viewmode-list .listcontrol {
  margin-right: -8rem;
}
.objects-listing.is-viewmode-list .viewmode-list {
  display: block;
  margin-left: -4rem;
  margin-right: -4rem;
  overflow: scroll;
  overflow-y: hidden;
}
.objects-listing.is-viewmode-list .viewmode-list::-webkit-scrollbar {
  display: none;
}
.objects-listing th,
.objects-listing td {
  width: 12rem;
}
.objects-listing th.object-column-text, .objects-listing th.object-column-group,
.objects-listing td.object-column-text,
.objects-listing td.object-column-group {
  min-width: 35rem;
}
.objects-listing th.object-column-locality,
.objects-listing td.object-column-locality {
  min-width: 18rem;
}
.objects-listing th.object-column-objectId,
.objects-listing td.object-column-objectId {
  width: 10rem;
}
.objects-listing th.object-column-dimensions,
.objects-listing td.object-column-dimensions {
  width: 10rem;
}
.objects-listing th.object-column-location,
.objects-listing td.object-column-location {
  width: 18rem;
}
.objects-listing td {
  line-height: 2rem;
  vertical-align: top;
  padding-top: 2.7rem;
}
.objects-listing td.object-column-images {
  width: 5rem;
  text-align: center;
  padding-top: 1.5rem;
}
.objects-listing td.object-column-images a {
  display: flex;
  height: 4rem;
}
.objects-listing td.object-column-images img {
  display: block;
  margin: auto;
  width: 100%;
  max-height: 10rem;
  border-radius: 0.2rem;
}
.objects-listing.is-viewmode-showroom .viewmode-grid {
  display: block;
}
.no-touch .objects-listing .td-image {
  z-index: 9;
}
.no-touch .objects-listing .td-text {
  position: relative;
  overflow: hidden;
}
.no-touch .objects-listing .td-text > div {
  position: absolute;
  top: 1.5rem;
  left: 0;
  padding: 0rem 2rem 0 1rem;
  overflow: hidden;
  max-height: 5rem;
}
.no-touch .objects-listing .td-text:first-child > div {
  left: 3rem;
}
.no-touch .objects-listing .td-text:before {
  display: block;
}
.no-touch .objects-listing .td-text:hover {
  overflow: visible;
}
.no-touch .objects-listing .td-text:hover > div {
  z-index: 8;
  background-color: #e4e0dd;
  box-shadow: 0 0 2rem 0.75rem #e4e0dd;
  overflow: visible;
  width: auto;
}
.no-touch .objects-listing .td-text:hover:after {
  display: none;
}
.no-touch .objects-listing tr:nth-child(odd) .td-text:hover > div {
  background-color: #e9e6e2;
  box-shadow: 0 0 1.5rem 0.75rem #e9e6e2;
}
.no-touch .objects-listing tr.is-selected:nth-child(even) .td-text:hover > div,
.no-touch .objects-listing tr.is-active:nth-child(even) .td-text:hover > div {
  background-color: #c5ecf5;
  box-shadow: 0 0 1.5rem 0.75rem #c5ecf5;
}
.no-touch .objects-listing tr.is-selected:nth-child(odd) .td-text:hover > div,
.no-touch .objects-listing tr.is-active:nth-child(odd) .td-text:hover > div {
  background-color: #b1e5f1;
  box-shadow: 0 0 1.5rem 0.75rem #b1e5f1;
}

.container-with-dnd .is-viewmode-list .viewmode-list {
  margin-right: -7rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .container-with-dnd .is-viewmode-list .viewmode-list {
    margin-right: 1rem;
  }
}

.objects-container,
.sets-detail-container,
.locations-detail-container,
.search-result-container {
  text-align: center;
}
.objects-container header .close,
.sets-detail-container header .close,
.locations-detail-container header .close,
.search-result-container header .close {
  padding-top: 1rem;
  margin-left: 4rem;
}
.objects-container header .close svg,
.sets-detail-container header .close svg,
.locations-detail-container header .close svg,
.search-result-container header .close svg {
  fill: #8c897e;
}

.search-result-container > header .subline {
  position: absolute;
  bottom: 1.5rem;
  left: 6.8rem;
}
.search-result-container > header.search-active .search-header {
  bottom: auto;
}

.viewmode-showroom-grid {
  display: block;
  text-align: center;
}

.list-slideshow {
  position: absolute;
  width: 100%;
  height: 58rem;
  margin: 0;
  left: 0;
  top: 50%;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.list-slideshow .slick-list {
  height: 100%;
}
.list-slideshow .slick-list .slick-track {
  height: 100%;
}
.list-slideshow .box.box-slideshow {
  float: left;
  width: 55rem;
  height: 58rem;
  margin-left: 6rem;
  margin-right: 6rem;
  padding: 5rem 4rem;
  cursor: pointer;
}
.list-slideshow .box.box-slideshow h4 {
  font-size: 2.6rem;
  max-width: 80%;
}
.list-slideshow .box.box-slideshow h4.subline {
  font-size: 1.6rem;
}
.list-slideshow .box.box-slideshow .image {
  max-height: 40rem;
}
.list-slideshow .box.slick-slide {
  opacity: 0.4;
}
.list-slideshow .box.slick-slide.slick-active,
.list-slideshow .box.slick-slide.slick-center {
  opacity: 1;
}
@media only screen and (max-height: 700px) {
  .list-slideshow {
    height: 50rem;
  }
  .list-slideshow .box.box-slideshow {
    width: 48rem;
    height: 50rem;
  }
  .list-slideshow .image {
    max-height: 34rem;
  }
}
@media only screen and (min-height: 1200px) {
  .list-slideshow {
    height: 62rem;
  }
  .list-slideshow .box.box-slideshow {
    width: 59rem;
    height: 62rem;
  }
  .list-slideshow .image {
    max-height: 43rem;
  }
}
@media only screen and (min-width: 1000px) {
  .list-slideshow .box.box-slideshow {
    margin-left: 10rem;
    margin-right: 10rem;
  }
}
@media only screen and (min-width: 1300px) {
  .list-slideshow .box.box-slideshow {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}
@media only screen and (min-width: 1900px) {
  .list-slideshow .box.box-slideshow {
    margin-left: 20rem;
    margin-right: 20rem;
  }
}

.object-details-showroom {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  background-color: white;
  opacity: 0;
  top: -50%;
  left: 50%;
  width: 0;
  height: 0;
  z-index: 5;
  overflow: visible;
}
.object-details-showroom.is-active {
  transition-property: transform, width, height, top, left, opacity;
  top: 50%;
  left: 50%;
  width: 74rem;
  height: 100%;
  opacity: 1;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details-showroom.is-active {
    width: 100%;
  }
}
.object-details-showroom.is-removed {
  transition-property: transform, width, height, top, left, opacity;
  opacity: 0;
  overflow: hidden;
}
.object-details-showroom.is-preloaded .object-details-showroom-close {
  opacity: 1;
}
.object-details-showroom .object-details-showroom-next,
.object-details-showroom .object-details-showroom-prev {
  transition-property: opacity;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  width: calc((100vw - 74rem) / 2);
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 20;
  opacity: 0;
  pointer-events: none;
}
.object-details-showroom .object-details-showroom-next a,
.object-details-showroom .object-details-showroom-next button,
.object-details-showroom .object-details-showroom-prev a,
.object-details-showroom .object-details-showroom-prev button {
  display: inline-block;
  pointer-events: all;
  width: 8rem;
  height: 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8rem;
  margin-left: -4rem;
  background: rgba(77, 75, 71, 0.75);
  border: 0.15rem solid #beb4aa;
  border-radius: 100%;
  transition-property: background, border;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}
.object-details-showroom .object-details-showroom-next a .ico,
.object-details-showroom .object-details-showroom-next button .ico,
.object-details-showroom .object-details-showroom-prev a .ico,
.object-details-showroom .object-details-showroom-prev button .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2rem 0 0 -2rem;
  width: 4rem;
  height: 4rem;
  fill: #beb4aa;
  transition-property: fill;
  transition-duration: 0.4s;
  transition-timing-function: linear;
}
.object-details-showroom .object-details-showroom-next a:active,
.object-details-showroom .object-details-showroom-next button:active,
.object-details-showroom .object-details-showroom-prev a:active,
.object-details-showroom .object-details-showroom-prev button:active {
  outline: none;
  transition-duration: 0s;
  border: 0.15rem solid #fff;
  background: rgba(77, 75, 71, 0.5);
}
.object-details-showroom .object-details-showroom-next a:active .ico,
.object-details-showroom .object-details-showroom-next button:active .ico,
.object-details-showroom .object-details-showroom-prev a:active .ico,
.object-details-showroom .object-details-showroom-prev button:active .ico {
  fill: #fff;
}
.no-touch .object-details-showroom .object-details-showroom-next a:hover,
.no-touch .object-details-showroom .object-details-showroom-next button:hover,
.no-touch .object-details-showroom .object-details-showroom-prev a:hover,
.no-touch .object-details-showroom .object-details-showroom-prev button:hover {
  border: 0.15rem solid #fff;
}
.no-touch .object-details-showroom .object-details-showroom-next a:hover .ico,
.no-touch .object-details-showroom .object-details-showroom-next button:hover .ico,
.no-touch .object-details-showroom .object-details-showroom-prev a:hover .ico,
.no-touch .object-details-showroom .object-details-showroom-prev button:hover .ico {
  fill: #fff;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details-showroom .object-details-showroom-next,
.object-details-showroom .object-details-showroom-prev {
    display: none;
  }
}
.object-details-showroom.is-preloaded .object-details-showroom-next,
.object-details-showroom.is-preloaded .object-details-showroom-prev {
  opacity: 1;
}
.object-details-showroom.is-removed .object-details-showroom-next,
.object-details-showroom.is-removed .object-details-showroom-prev {
  opacity: 0;
  transition-duration: 0.2s;
}
.object-details-showroom .object-details-showroom-next {
  right: calc((-100vw + 74rem) / 2);
}
.object-details-showroom .object-details-showroom-prev {
  left: calc((-100vw + 74rem) / 2);
}
.object-details-showroom .object-details-showroom-close {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  position: absolute;
  z-index: 20;
  top: 1rem;
  right: 1rem;
  opacity: 0;
}
@media (min-width: 1px) and (max-width: 767px) {
  .object-details-showroom .object-details-showroom-close .btn-close {
    padding: 0.7rem;
  }
  .object-details-showroom .object-details-showroom-close .btn-close .ico {
    margin: -1.1rem 0 0 -1.1rem;
    width: 2.2rem;
    height: 2.2rem;
  }
}
.object-details-showroom .object-details-showroom-content {
  z-index: 19;
  position: relative;
  width: 100%;
  height: 100%;
}
.object-details-showroom .box-object-object {
  display: inline-block;
  width: 100%;
  height: 100%;
  margin: 0;
}
.object-details-showroom .box-object-object .object-id {
  display: none;
}

.object-details-showroom-overlay {
  transition-property: opacity, visibility;
  transition-duration: 0.4s, 0s;
  transition-timing-function: linear;
  transition-delay: 0s, 0.4s;
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  z-index: 4;
  background-color: #4d4a47;
  opacity: 0;
  visibility: hidden;
}
.object-details-showroom-overlay.is-visible {
  transition-property: opacity;
  transition-delay: 0s;
  visibility: visible;
  opacity: 0.9;
}

.ie .object-details-showroom-overlay {
  transition-property: opacity, visibility, top, left;
  transition-duration: 0.4s, 0s, 0s, 0s;
  transition-delay: 0s, 0.4s, 0.4s, 0.4s;
  top: 0;
  left: 0;
}
.ie .object-details-showroom-overlay.is-visible {
  transition-property: opacity;
  transition-delay: 0s;
  top: 50%;
  left: 50%;
}

.modal-change-status .modal-content {
  height: 100%;
  padding: 0;
}

/*
 * This is an idea to make the boxes responsive. But it seems that this will consume much CPU power
 * So there must be a better idea
 */
/*
#content .list-flex:not(.sly-slider) .box:not(.box-hint) {
    @media only screen and (min-width: 1601px) {
        @include flex(0, 1, calc(20% - 3rem));
        &:nth-child(5n) {
            margin-right: 0;
        }
    }

    @media only screen and (min-width: 1151px) and (max-width: 1600px) {
        @include flex(0, 1, calc(25% - 3rem));
        &:nth-child(4n) {
            margin-right: 0;
        }
    }

    @media only screen and (min-width: 801px) and (max-width: 1150px) {
        @include flex(0, 1, calc(33.3333333% - 3rem));
        &:nth-child(3n) {
            margin-right: 0;
        }
    }

    @media only screen and (min-width: 401px) and (max-width: 800px) {
        @include flex(0, 1, calc(50% - 3rem));
        &:nth-child(2n) {
            margin-right: 0;
        }
    }
}
*/
.detail-header-region .container-showroom-grid {
  transition-property: opacity;
  background-color: #e4e0dd;
  position: absolute;
  top: 0;
  padding: 2rem 10rem 2rem 4rem;
  width: calc(100% - 16px);
  height: 10rem;
  left: 0;
  overflow: visible;
  opacity: 0;
  z-index: 10;
}
@supports selector(::-webkit-scrollbar) {
  .detail-header-region .container-showroom-grid {
    width: calc(100% - 0.75rem);
  }
}
.is-detail-mode .show-extra-content .detail-header-region .container-showroom-grid {
  opacity: 1;
}
.is-showroom .detail-header-region .container-showroom-grid {
  display: none;
}

.list-header-region {
  visibility: hidden;
}
.list-header-region .container-showroom-grid {
  transition-property: opacity;
  opacity: 1;
}
.is-detail-mode .show-extra-content .list-header-region .container-showroom-grid {
  opacity: 0;
}

body.is-showroom {
  background-color: #4d4a47;
}

.is-showroom .container-showroom-grid {
  position: relative;
  margin: 0 auto;
  text-align: left;
  width: 148rem;
}
@media only screen and (min-width: 1520px) and (max-width: 1699px) {
  .is-showroom .container-showroom-grid {
    width: 122rem;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1519px) {
  .is-showroom .container-showroom-grid {
    width: 109em;
  }
}
@media only screen and (min-width: 1320px) and (max-width: 1399px) {
  .is-showroom .container-showroom-grid {
    width: 98rem;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1319px) {
  .is-showroom .container-showroom-grid {
    width: 109rem;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1199px) {
  .is-showroom .container-showroom-grid {
    width: 73rem;
  }
}
@media only screen and (min-width: 868px) and (max-width: 1019px) {
  .is-showroom .container-showroom-grid {
    width: 99rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 867px) {
  .is-showroom .container-showroom-grid {
    width: 73rem;
  }
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
  .is-showroom .container-showroom-grid {
    width: 48rem;
  }
}
@media only screen and (min-width: 1px) and (max-width: 539px) {
  .is-showroom .container-showroom-grid {
    width: 32rem;
  }
}
.is-showroom header {
  position: fixed;
  top: 0;
  left: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  width: auto;
  padding: 0;
  overflow: visible;
}
.is-showroom header .header-part {
  width: calc(100% - 1.5rem);
  margin-left: -0.75rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .is-showroom header .header-part {
    margin-left: 0;
    width: calc(100% - 0.75rem);
  }
}
.ie .is-showroom header {
  left: 20px;
  right: 20px;
}
.is-showroom header:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6rem;
  width: 100%;
  height: 6rem;
  background: linear-gradient(180deg, #4d4a47, rgba(77, 74, 71, 0));
  pointer-events: none;
}
@media (min-width: 1px) and (max-width: 767px) {
  .is-showroom header:after {
    bottom: -2rem;
    height: 2rem;
  }
}

.showroom-options-region {
  -moz-transform: translateY(-200%);
  -o-transform: translateY(-200%);
  -ms-transform: translateY(-200%);
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  transition-property: transform, opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  position: absolute;
  top: 3rem;
  right: 1rem;
  opacity: 0;
  overflow: hidden;
  height: 4rem;
}
.showroom-options-region .showroom-options li > label {
  margin-right: 1.5rem;
  color: #8c897e;
  vertical-align: text-bottom;
}
.showroom-options-region .showroom-options .view-mode-label {
  margin-right: 0;
  padding: 0.75rem 2rem;
  line-height: 1;
}
.showroom-options-region .showroom-options .view-mode-label .ico {
  width: 1.6rem;
  height: 1.6rem;
  fill: #8c897e;
}
.showroom-options-region .showroom-options .view-mode-label span {
  display: none;
}
.showroom-options-region .showroom-options .close {
  padding-top: 0;
  margin-top: -2rem;
}

.is-showroom {
  scrollbar-track-color: #4d4a47;
  scrollbar-shadow-color: #4d4a47;
}
.is-showroom .container-with-dnd {
  padding-right: 4rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .is-showroom .container-with-dnd {
    padding-right: 2rem;
  }
}
.is-showroom .list-layout-scroll-container {
  padding-top: 0;
  width: 100%;
}
.is-showroom .container-list-objects {
  padding-top: 12rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .is-showroom .container-list-objects {
    padding-top: 10rem;
  }
}
.is-showroom .showroom-options-region {
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.is-showroom ::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.is-showroom ::-webkit-scrollbar-thumb:hover {
  background-color: white;
}
.is-showroom #content {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  margin-left: -18rem;
  width: 100%;
  background-color: #4d4a47;
}
.is-showroom header {
  padding-left: 0;
  padding-right: 0;
  background-color: #4d4a47;
}
.is-showroom header .btn-group,
.is-showroom header .search-header {
  opacity: 0;
  -moz-transform: translate3d(0, -10rem, 0);
  -o-transform: translate3d(0, -10rem, 0);
  -ms-transform: translate3d(0, -10rem, 0);
  -webkit-transform: translate3d(0, -10rem, 0);
  transform: translate3d(0, -10rem, 0);
}
.is-showroom header h2 {
  color: #8c897e;
}
@media (min-width: 1px) and (max-width: 767px) {
  .is-showroom header h2:not(.subline) {
    margin-top: 2rem;
  }
}
.is-showroom header .btn-back {
  top: 1rem;
  opacity: 0;
}
.is-showroom header .toggle-editmode {
  top: -3rem;
  opacity: 0;
}
.is-showroom header .header-part {
  padding-left: 0;
  padding-right: 0;
}
.is-showroom header .toggle-headline {
  cursor: auto;
}
.is-showroom header .header-part-edit {
  display: none;
}
.is-showroom header .shared-item {
  opacity: 0;
}
.is-showroom #nav {
  -moz-transform: translate3d(-18rem, 0, 0);
  -o-transform: translate3d(-18rem, 0, 0);
  -ms-transform: translate3d(-18rem, 0, 0);
  -webkit-transform: translate3d(-18rem, 0, 0);
  transform: translate3d(-18rem, 0, 0);
}
.is-showroom .btn-close {
  width: 3.6rem;
  height: 3.6rem;
  padding: 1rem;
  box-sizing: content-box;
}
.is-showroom .btn-close .ico {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -0.8rem 0 0 -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .is-showroom .object-details-showroom-content .headline-wrapper {
    margin-top: 2rem;
  }
}

body {
  background-color: #4d4a47;
}
body #stage {
  background-color: #4d4a47;
}
body #content {
  left: 0;
  width: 100%;
  min-width: 0;
  background-color: #4d4a47;
}

.share-app .is-showroom #content {
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  margin-left: 0;
}
.share-app .list-header-region {
  visibility: visible;
}
@media (min-width: 1px) and (max-width: 767px) {
  .share-app header .header-part {
    padding-top: 1.5rem;
  }
}
.share-app header h2 {
  color: #fff;
}
.share-app header h2.subline {
  line-height: 1.2;
  color: #8c897e;
}
@media (min-width: 1px) and (max-width: 767px) {
  .share-app header h2.subline {
    font-size: 1.6rem;
  }
}
.share-app header a {
  position: absolute;
  display: inline-block;
  top: 2.5rem;
  right: 0;
  line-height: 2rem;
}
.share-app header a .ico {
  vertical-align: baseline;
}
.share-app header a span {
  display: inline-block;
  height: 2rem;
  vertical-align: top;
}
.share-app header a .presented-by {
  color: #8c897e;
  line-height: 2rem;
  margin-top: 0.2rem;
  margin-right: 0.6rem;
}
.share-app header a .presented-logo {
  width: 8rem;
}
.share-app header a .presented-logo .ico {
  width: 8rem;
  height: 2rem;
  fill: #8c897e;
  transition-property: fill;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.share-app header a .presented-logo span {
  display: none;
}
@media (min-width: 1px) and (max-width: 767px) {
  .share-app header a {
    top: 1rem;
  }
  .share-app header a span {
    height: 1.5rem;
  }
  .share-app header a .presented-by {
    font-size: 1.1rem;
    line-height: 1.5rem;
  }
  .share-app header a .presented-logo {
    width: 6rem;
  }
  .share-app header a .presented-logo .ico {
    width: 6rem;
    height: 1.5rem;
  }
}
.share-app .share-empty {
  -moz-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  position: absolute;
  left: 50%;
  top: 40%;
  padding: 3rem;
  width: 50rem;
  border-radius: 0.4rem;
  background: #fff;
}
.share-app .share-empty * + * {
  margin-top: 1.5rem;
}
.share-app p.message-list-empty {
  color: #8c897e;
}

.share-app.no-touch header a:hover .presented-logo .ico {
  fill: #fff;
}

.share-app.ios.iframe .is-showroom header {
  position: relative;
}
.share-app.ios.iframe .is-showroom .container-list-objects {
  padding-top: 0;
}

@media only screen and (min-width: 1px) and (max-width: 539px) {
  html {
    font-size: 2.8vw;
  }
}
@media only screen and (min-width: 540px) and (max-width: 767px) {
  html {
    font-size: 1.9vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  html {
    font-size: 8px;
  }
}
@media only screen and (min-width: 960px) and (max-width: 1019px) {
  html {
    font-size: 9px;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1119px) {
  html {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1120px) and (max-width: 1279px) {
  html {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1280px) and (max-width: 1399px) {
  html {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1519px) {
  html {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1520px) and (max-width: 1679px) {
  html {
    font-size: 10px;
  }
}
@media only screen and (min-width: 1680px) and (max-width: 1839px) {
  html {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1840px) and (max-width: 1959px) {
  html {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1960px) and (max-width: 2139px) {
  html {
    font-size: 11px;
  }
}
@media only screen and (min-width: 2140px) and (max-width: 2319px) {
  html {
    font-size: 12px;
  }
}
@media only screen and (min-width: 2320px) and (max-width: 2479px) {
  html {
    font-size: 13px;
  }
}
@media only screen and (min-width: 2480px) and (max-width: 9999px) {
  html {
    font-size: 14px;
  }
}
.resp-image {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  /*
  &.resp-image-pending {

      background: url(/images/placeholder/item-placeholder-1.jpg) 50% 50% no-repeat transparent;
      background-size: cover;
  }
  */
}
.resp-image img {
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.resp-image.resp-image-loaded img {
  opacity: 1;
}

.sly-frame {
  position: relative;
  min-width: 100%;
  height: auto;
  margin-bottom: 1rem;
  overflow: hidden;
  min-height: 16rem;
}
.sly-frame .sly-slider {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.sly-frame .sly-slider a {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.sly-frame .sly-slider.dragged {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.sly-frame .sly-slider.dragged a {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.container .sly-frame {
  margin-right: -4rem;
  margin-left: -1.5rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .container .sly-frame {
    margin-left: -0.75rem;
  }
}
.sly-frame:before {
  content: " ";
  position: absolute;
  z-index: 1;
  top: 0;
  width: 2rem;
  height: 64rem;
  background: linear-gradient(to right, #e5e1dd, rgba(229, 225, 221, 0));
}
@media (min-width: 1px) and (max-width: 767px) {
  .sly-frame:before {
    left: -0.75rem;
  }
}

.container-dark .sly-frame:before {
  background: linear-gradient(to right, #ded9d4, rgba(222, 217, 212, 0));
}

.sly-slider {
  width: 100%;
  height: auto;
  margin: 0;
  min-width: 100%;
  min-height: 16rem;
}
.sly-slider div:last-child,
.sly-slider li:last-child {
  margin-right: 0;
}
.sly-slider .box {
  margin: 1.5rem 1.5rem 1rem 1.5rem;
}
@media (min-width: 1px) and (max-width: 767px) {
  .sly-slider .box {
    margin: 1.5rem 0.75rem 1rem 0.75rem;
  }
}

.sly-scroll {
  width: 100%;
  height: 2px;
}

.sly-scroll-handle {
  width: 50px;
  /* overriden if dynamicHandle: 1 */
  height: 100%;
  background: rgba(81, 78, 75, 0);
  transition-property: background-color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  border-radius: 0.5rem;
}

.sly-frame:hover + .sly-scroll .sly-scroll-handle,
.sly-scroll:hover .sly-scroll-handle {
  background: rgba(81, 78, 75, 0.1);
}

.images-wrapper {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.images-wrapper.dragged {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*!
 * Bootstrap-select v1.6.3 (http://silviomoreto.github.io/bootstrap-select/)
 *
 * Copyright 2013-2014 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
.bootstrap-select {
  position: relative;
  width: auto;
}

.bootstrap-select > .btn {
  width: 100%;
  height: 2.2rem;
  padding: 0 1.5rem 0 0;
}

.bootstrap-select.fit-width {
  width: auto !important;
}

.bootstrap-select .btn:focus {
  outline-offset: -2px;
}

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}

.bootstrap-select.form-control:not([class*=col-]) {
  width: 100%;
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-] {
  float: none;
  display: inline-block;
  margin-left: 0;
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,
.row-fluid .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
  float: right;
}

.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}

.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}

.input-append .bootstrap-select.btn-group {
  margin-left: -1px;
}

.input-prepend .bootstrap-select.btn-group {
  margin-right: -1px;
}

.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}

.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}

.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  vertical-align: middle;
  line-height: 1;
}

.bootstrap-select.btn-group[class*=col-] .btn {
  width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
  z-index: 1035;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
  color: #64b1d8;
  color: rgba(100, 177, 216, 0.4);
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 1.5rem;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}

.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}

.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open > .btn {
  z-index: 1036;
}

.bs-searchbox,
.bs-actionsbox {
  padding: 4px 8px;
}

.bs-actionsbox {
  float: left;
  width: 100%;
}

.bs-actionsbox .btn-group button {
  width: 50%;
}

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}

.bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
}

.mobile-device {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}

.dropdown {
  position: relative;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-menu {
  color: #272421;
  position: absolute;
  top: 100%;
  left: -1rem;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 20rem;
  padding: 1rem;
  text-align: left;
  background-color: #ffffff;
  margin: 0.5rem -1rem;
  box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.05);
  border-radius: 0.2rem;
}
.select-white .dropdown-menu {
  background-color: #f8f7f6;
}

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

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  padding: 1rem;
  display: block;
  clear: both;
  color: #272421;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #272421;
  text-decoration: none;
  background-color: #f8f7f6;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .selected > a,
.dropdown-menu > .selected > a:hover,
.dropdown-menu > .selected > a:focus {
  color: #272421;
  text-decoration: none;
  background-color: #f1efed;
  outline: 0;
  border-radius: 0.2rem;
}

.select-white .dropdown-menu > li > a:hover,
.select-white .dropdown-menu > li > a:focus,
.select-white .dropdown-menu > .active > a,
.select-white .dropdown-menu > .active > a:hover,
.select-white .dropdown-menu > .active > a:focus,
.select-white .dropdown-menu > .selected > a,
.select-white .dropdown-menu > .selected > a:hover,
.select-white .dropdown-menu > .selected > a:focus {
  background-color: #ded9d4;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
}

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

.open > a {
  outline: 0;
}

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

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

.dropdown-header {
  display: block;
  color: #272421;
  white-space: nowrap;
  padding: 0.5rem 1rem;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.btn.dropdown-toggle {
  position: relative;
  background: none;
}

.caret {
  display: inline-block;
  vertical-align: middle;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url(/images/icons/down.svg);
  background-position: 100% 42%;
  background-repeat: no-repeat;
  background-size: 1.2rem 1.2rem;
  padding-right: 2rem;
  margin-top: -0.3rem;
}

.bootstrap-select li.disabled {
  display: none;
}
.bootstrap-select li.disabled + .divider {
  display: none;
}
.open.dropup > .dropdown-menu {
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  margin-top: -1rem;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

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

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

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

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

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

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}

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

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

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

.slick-prev {
  left: -25px;
}

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

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

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

.slick-next {
  right: -25px;
}

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

.slick-next:before {
  content: "→";
}

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

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

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

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

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*# sourceMappingURL=slick.css.map */
.slick-track {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.slick-track.slick-dragged {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
.signup-region *,
.signup-token-region *{
    display: none;
}
*/
.intercom-launcher {
  display: none !important;
}
/*# sourceMappingURL=app-shared-v3.3.2.css.map */