/* Původní styl 3D prohlídky (WP Coder), uzavřený do #czu-visualization-div a přebarvený. */
#czu-visualization-div .hidden {
  display: none !important;
}
#czu-visualization-div .invisible {
  visibility: hidden;
}
#czu-visualization-div {
 
  position: relative;
  width: 100%;
  height: 60vh;
  overflow-y: hidden;
	
}
#czu-visualization-div #loading-placeholder {
  background: url("/assets/3d/loadingPlaceholder.jpg");
  width: 100%;
  height: 100%;
  background-size: cover;
}
#czu-visualization-div #progress-bar {
  width: 100%;
  height: 100%;
  background-color: var(--orange);
}
#czu-visualization-div #progress-text {
  font-size: 1.5em;
}
#czu-visualization-div #progress-wrapper {
  background-color: #e2e2e2;
  position: absolute;
  width: 70%;
  height: 1em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#czu-visualization-div #czu-visualization-render {
  position: relative;
  height: 70%;
  width: 100%;
}
#czu-visualization-div #czu-content-area {
  position: absolute;
  left: 0;
  right: 0;
  padding-right: 300px;
  border: 0;
  overflow: auto;
  height: 100%;
  -ms-overflow-style: none; 
  scrollbar-width: none; 
  background: var(--light);
}
#czu-visualization-div #czu-content-area::-webkit-scrollbar {
  display: none;
}
#czu-visualization-div #czu-content {
  position: absolute;
  padding-right: 300px;
  color: var(--slate);
}
#czu-visualization-div #menu__list {
  overflow-y: auto;
}
#czu-visualization-div #side-panel {
  position: absolute;
  right: 0;
}
#czu-visualization-div .spaces-list {
  width: 300px;
  background: #fff;
  opacity: 0.9;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#czu-visualization-div .search {
  width: 100%;
  background: #333;
  display: flex;
}
#czu-visualization-div .search__input {
  padding: 1.45em 2em;
  font-weight: 600;
  font-size: 1em;
  flex: auto;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background-color: #333;
  color: white;
}
#czu-visualization-div .search__input:focus {
  outline: none;
}
#czu-visualization-div .label {
  position: absolute;
  top: 4em;
  right: 0;
}
#czu-visualization-div .label__text {
  font-size: 0.85em;
  line-height: 1;
  display: block;
  padding: 1em;
  color: #e4e4e4;
}
#czu-visualization-div .label__checkbox {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
#czu-visualization-div .label__checkbox:checked + .label__text {
  color: #515158;
}
#czu-visualization-div .list {
  margin: 0 0 0em;
  list-style: none;
}
#czu-visualization-div .list__item {
  font-size: 1.05em;
  line-height: 1;
  position: relative;
  list-style: none;
  list-style: square;
}
#czu-visualization-div .list__item a {
  text-decoration: none;
  color: #666;
  outline: none;
  padding-right: 5em;
}
#czu-visualization-div .selected_list__item a {
  text-decoration: underline;
  font-size: 1em;
  color: #333;
}
#czu-visualization-div .list__item a:hover {
  color: black;
  text-decoration: underline;
}
#czu-visualization-div .list__item_level a {
  text-decoration: none;
  color: #333;
  outline: none;
  padding-left: 0.5em;
}
#czu-visualization-div .list__item_level a:hover {
  text-decoration: none;
  background-color: #cdcdcd;
  outline: none;
}
#czu-visualization-div .list__item_level {
  margin-top: 2em;
  color: #333;
  font-size: 1.25em;
  font-weight: 600;
  margin-left: -1em;
}
#czu-visualization-div .list__item:first-child {
  margin-top: 2em;
}
#czu-visualization-div .list__item::after {
  content: "" attr(data-level-name) " / " attr(data-block);
  font-size: 0.65em;
  line-height: 3;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0.5em;
  pointer-events: none;
  color: #c7c7c9;
}
#czu-visualization-div .list__link {
  font-size: 0.85em;
  display: block;
  padding: 0.5em 0.5em 0.5em 0;
}
#czu-visualization-div .list__item--active .list__link, #czu-visualization-div .list__link:hover {
  color: #515158;
}
#czu-visualization-div .czunav {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  -webkit-transition: opacity 0.8s;
  transition: opacity 0.8s;
  padding-right: 300px;
  display: flex;
  flex-direction: column;
}
#czu-visualization-div #hide-button {
  display: none;
}
#czu-visualization-div .czunav-button-hidden {
  display: none !important;
}
#czu-visualization-div #h3 {
  color: white;
}
#czu-visualization-div .boxbutton {
  font-size: 2em;
  display: block;
  width: 2em;
  height: 2em;
  margin: 0;
  padding: 0;
  color: #fff;
  border: 0;
  background: #00000088;
}
#czu-visualization-div .boxbutton:hover {
  background: #000000cc;
}
#czu-visualization-div .inactive svg {
  fill: #666;
}
#czu-visualization-div .boxbutton--dark {
  background: #000000aa;
}
#czu-visualization-div .boxbutton--darker {
  background: #000000aa;
}
#czu-visualization-div .boxbutton--alt {
  background: #3d1975;
}
#czu-visualization-div .boxbutton--black {
  background: #464645;
}
#czu-visualization-div .boxbutton--disabled, #czu-visualization-div .boxbutton--disabled:focus, #czu-visualization-div .boxbutton--disabled:hover {
  cursor: default;
  pointer-events: none;
  opacity: 0.2;
}
#czu-visualization-div .content__item {
  height: 100%;
  padding: 1.4em;
  text-align: left;
  -webkit-transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	color: var(--slate);
}
#czu-visualization-div .content--open .content__item {
  -webkit-transition: none;
  transition: none;
}
#czu-visualization-div .content__item--current {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
#czu-visualization-div .content__item-title {
  font-size: 1.85em;
  margin: 0;
  padding: 0 0 0.75em 0;
  pointer-events: none;
  font-weight: bold;
  opacity: 1;
	color: var(--slate);
}
#czu-visualization-div .content__item--hover .content__item-title {
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#czu-visualization-div .content__item--current .content__item-title {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#czu-visualization-div .content__item-details {
  opacity: 1;
  margin: 0 auto;
  
}
#czu-visualization-div .content__item--current .content__item-details {
  opacity: 1;
}
#czu-visualization-div .content__meta {
  margin: 0;
  font-size: 0.85em;
  line-height: 1.5;
}
#czu-visualization-div .content__meta-item {
  display: inline-block;
  padding: 0.4em;
  color: white;
  background-color: var(--slate);
}
#czu-visualization-div .content__meta-item a:hover {
  color: #CFB79A;
	}
#czu-visualization-div .content__meta-item strong {
  font-weight: normal;
}
#czu-visualization-div .content__meta .icon {
  display: inline-block;
  vertical-align: middle;
}
#czu-visualization-div .content__desc {
  text-align: left;
}
#czu-visualization-div .content__button {
  position: absolute;
  top: -100%;
  right: 0;
  -webkit-transition: opacity 0.3s 0.7s;
  transition: opacity 0.3s 0.7s;
}
#czu-visualization-div .content__button--hidden {
  pointer-events: none;
  opacity: 0;
  -webkit-transition: none;
  transition: none;
}
#czu-visualization-div #show-button {
  display: none;
}
@media screen and (max-width: 65.625em), screen and (max-height: 40.625em){
#czu-visualization-div .spaces-list, #czu-visualization-div .search {
    width: 100vw;
    right: 100% !important;
    left: auto;
  }
#czu-visualization-div .spaces-list--open, #czu-visualization-div .spaces-list--open .search {
    right: 0;
  }
#czu-visualization-div .open-search, #czu-visualization-div .close-search {
    position: absolute;
    
    top: 0;
    right: 0 !important;
    z-index: 1000;
  }
#czu-visualization-div #hide-button {
    display: block;
  }
#czu-visualization-div #show-button {
    display: block;
  }
#czu-visualization-div .czunav {
    padding-right: 0;
  }
#czu-visualization-div .container {
    overflow: hidden;
  }
#czu-visualization-div .container--overflow {
    overflow: auto;
  }
#czu-visualization-div .content__item {
    overflow: auto;
  }
#czu-visualization-div #czu-content-area {
    padding-right: 0;
  }
#czu-visualization-div #czu-content {
    padding-right: 0;
  }
}
/* přizpůsobení webu */
.tri-d{position:relative;background:var(--light);box-shadow:var(--shadow-hi);border-top:3px solid var(--fappz);min-height:22rem;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(rgba(245,246,247,.86),rgba(245,246,247,.86)),url(/assets/3d/loadingPlaceholder.jpg) center/cover}
.tri-d.bezi{display:block;background:var(--white)}
.tri-d-start{text-align:center;padding:2rem}
.tri-d-start p{margin-bottom:1rem;color:var(--slate)}
.tri-d-chyba{padding:1rem;color:#b8412c}
#czu-visualization-div{height:min(75vh,46rem);font-family:'Poppins',sans-serif}
#czu-visualization-div .content__item-title{font-family:'Roboto Slab',serif}
#czu-visualization-div .list__item_level{font-family:'Roboto Slab',serif}
#czu-visualization-div .search__input{font-family:'Poppins',sans-serif}