/* menu */
.view-referenced {
  position: absolute;
  z-index: 10;
  top: var(--gapsmall);
  left: var(--gapsmall);
  pointer-events: none;
}
.region-content .view-referenced ul {
  margin: 0;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.region-content .view-referenced li {
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.region-content .view-referenced li:before {
  display: none;
}
.view-referenced .view-content a {
  pointer-events: auto;
  font-family: var(--fontFamily);
  border: 1px solid var(--buttonColor);
  background-color: var(--buttonColorBg);
  color: var(--buttonColorText);
  font-weight: 700;
  min-height: 0px;
  font-size: var(--button);
  line-height: 1em;
  padding: var(--buttonPadding);
  margin: 0px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  -webkit-border-radius: var(--radius);
  -moz-border-radius: var(--radius);
  border-radius: var(--radius);
}
.view-referenced .view-content a:hover,
.view-referenced .view-content a:focus,
.view-referenced .view-content a.active {
  border-color: var(--buttonColorHover);
  background-color: var(--buttonColorBgHover);
  color: var(--buttonColorTextHover);
}
/* navigator */
#navigator {
  max-width: calc(100vw - var(--centerpadding) - var(--centerpadding));
  width: var(--centernav);
  margin: 0px auto var(--gap);
  position: relative;
  overflow: hidden;
}
.wrapper360 {
  width: 100%;
  position: relative;
  padding-bottom: 100%;
}
.container360 {
  position: absolute;
  width: 100%;
  height: 100%;
  /*cursor: ew-resize;*/
}
.image360 {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 0;
}
.image360 img {
  -webkit-border-radius: var(--radius2);
  -moz-border-radius: var(--radius2);
  border-radius: var(--radius2);
  width: 100%;
}
.image360.visible {
  opacity: 1;
  z-index: 1;
}
.image360 svg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 0.5s opacity ease-in-out;
  -moz-transition: 0.5s opacity ease-in-out;
  -o-transition: 0.5s opacity ease-in-out;
  -ms-transition: 0.5s opacity ease-in-out;
  transition: 0.5s opacity ease-in-out;
}
.image360.visible svg {
  opacity: 1;
}
.item360 {
  transition: transform 0.2s ease;
  transform-origin: center center;
  stroke-width: 2px;
  cursor: pointer;
  fill-opacity: 0;
  stroke-opacity: 0;
  stroke-linejoin: round;
  stroke-alignment: inner;
  opacity: 1;
  stroke: var(--secondary);
  transition: stroke 0.3s, stroke-width 0.3s, fill 0.3s, opacity 0.5s, fill-opacity 0.5s, stroke-opacity 0.5s;
}
polygon {
  fill: var(--primary);
  fill-opacity: 0;
  stroke-opacity: 0;
  stroke: var(--secondary);
}
.item360.status0 {
  fill: var(--primary);
}
.item360.status16 {
  fill: #51b300;
}
.item360.status18 {
  fill: #ff1616;
  cursor: default;
}
.item360.status17 {
  fill: #ffcc00;
  cursor: default;
}
.item360.active,
.item360.hover,
.item360:hover {
  fill-opacity: 0.8;
  stroke-opacity: 1;
}
/*=======================tooltip360=======================*/
.tooltip360 {
  display: none;
  position: absolute;
  top: 50px;
  right: 50px;
  color: var(secondary);
  z-index: 10;
  background: var(--dark);
  right: auto;
  font-size: calc(var(--basictext) * 0.8);
  line-height: 20px;
  padding: 15px 20px;
  -webkit-border-radius: var(--radius2);
  -moz-border-radius: var(--radius2);
  border-radius: var(--radius2);
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
}
.region-content .tooltip360-inner ul,
.tooltip360-inner ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.tooltip360-inner ul li {
  display: none;
}
.region-content .tooltip360-inner ul li {
  padding-left: 0px;
  margin: 0px;
}
.region-content .tooltip360-inner ul li:before {
  display: none;
}
.objekt360-title {
  font-size: var(--basictext);
  font-weight: 700;
}
/*=======================arrows=======================*/
.next360,
.prev360 {
  width: 86px;
  height: 60px;
  -webkit-transition: -webkit-transform 0.8s ease-in-out;
  -ms-transition: -ms-transform 0.8s ease-in-out;
  transition: transform 0.8s ease-in-out;
  cursor: pointer;
  display: block;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  line-height: 100em;
  overflow: hidden;
  position: absolute;
  top: 50%;
  z-index: 10;
  margin-top: -43px;
}
.prev360 {
  background-image: url(../images/navigator/arrow-right-black.svg);
  transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  right: 20px;
}
.next360 {
  background-image: url(../images/navigator/arrow-left-black.svg);
  transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
  left: 20px;
}
.prev360:hover {
  transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
}
.next360:hover {
  transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
}
@media all and (min-width: 721px) {
  .rmm-header-nav {
    display: none;
  }
}

@media all and (max-width: 720px) {

.item360 {
  fill-opacity: 0.3;
  stroke-opacity: 1;
}
#navigator {
  max-width: calc(100vw - 30px);
  width: calc(100vw - 30px);
  margin: 0px calc(var(--centerpaddingminus) + 15px) var(--gap);
}
.view-referenced {
  right: 0px;
  top: 0px;
  left: auto;
}
.mactivenav .view-referenced {
  position: fixed;
  z-index: 10000;
}
/*==================================================================
	button
==================================================================*/
.rmm-header-nav {
  align-items: center;
  position: relative;
  z-index: 101;
  top: 15px;
  right: 15px;
  padding: 0px;
  display: flex;
  gap: 0px 40px;
  pointer-events: auto;
}
.rmm-toggled-controls-nav {
  display: block;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  padding: 0px ;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rmm-button-nav {
  width: 30px;
  height: 30px;
  position: relative;
}
.rmm-button-nav span {
  background: var(--secondary);
  top: 50%;
  position: absolute;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px;
  height: 2px;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  display: block;
}
.rmm-button-nav .icon-bar-nav.top {
  margin-top: -9px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.rmm-button-nav .icon-bar-nav.last {
  margin-top: 9px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.rmm-button .icon-bar-nav.mid {
  opacity: 1;
  filter: alpha(opacity=100);
}
.rmm-button-nav:focus span,
.rmm-button-nav:hover span {
  background: var(--primary);
}
.mactivenav .rmm-button-nav .icon-bar-nav.mid {
  opacity: 0;
  filter: alpha(opacity=0);
}
.mactivenav .rmm-button-nav .icon-bar-nav.top {
  margin-top: 0;
  -moz-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
.mactivenav .rmm-button-nav .icon-bar-nav.last {
  margin-top: 0;
  -moz-transform: translateY(-50%) rotate(-45deg);
  -o-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}
.mactivenav .rmm-header-nav {
  top: 20px ;
  right: var(--centerpadding);
}
/*==================================================================
	list
==================================================================*/
.view-referenced .view-content {
  width: 100%;
  position: fixed;
  top: 0px;
  left: -100vw;
  overflow: hidden;
  -webkit-transition: var(--transitionAll);
  -moz-transition: var(--transitionAll);
  -o-transition: var(--transitionAll);
  -ms-transition: var(--transitionAll);
  transition: var(--transitionAll);
  padding: var(--headerHeight) 0px 0px;
  z-index: 100;
  background-color: var(--dark);
  overflow: scroll;
  height: 100%;
  overflow: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow-y: auto;
  pointer-events: none;
}
.view-referenced .view-content {
  align-items: center;
  justify-content: center;
}
.mactivenav .view-referenced .view-content {
  left: 0px;
  opacity: 1;
  pointer-events: auto;
}

/*==================================================================
	položky menu
==================================================================*/
.view-referenced .view-content .item-list {
  width: 100%;
  text-align: center;
}
.view-referenced .view-content a {
  padding: 0;
  color: var(--secondary);
  border: none;
  background: transparent;
  font-size: var(--menu);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 1em;
}
.view-referenced .view-content a:hover,
.view-referenced .view-content a:focus {
  color: var(--primary);
  border: none;
  background-color: transparent;
}


}