/*------------------  popis ----------*/
.tp {
  height:100vh;
  border:1px solid #ff0000;
}
.popis {
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.3rem 1.4rem; 
  font-size: 0.7rem;
  font-weight:600;   
  color:#ffffffd2; 
  background-color: #000000;
  opacity: 0.9;
 
  white-space:nowrap;
}
 

.popis-pos-top {
  top:-5px; 
}
.popis-pos-bottom {
  bottom:-5px;   
}
.popis-line {
  height:100%;
  border-style: dotted;   
  border-width: 1px;
  border-color: transparent transparent transparent #cccccc;
}
.popis-line-dark,.popis-linedark {
  height:100%;
  border-style: dotted;   
  border-width: 1px;
  border-color: transparent transparent transparent #000000;
}
.pos-1x {
  position:absolute;  
  height:30%;  
  left:42.5%;
  bottom:57%;  
}
.pos-2x {
  position:absolute;
  height:20%;  
  left: 17.5%;
  top:63%; 
}

@-webkit-keyframes pulse {
  0%   { box-shadow:0 0 8px #ffffff, inset 0 0 8px #ffffff; }
  50%  { box-shadow:0 0 16px #ffffff, inset 0 0 14px #ffffff; }
  100% { box-shadow:0 0 8px #ffffff, inset 0 0 8px #ffffff; }
}
@-webkit-keyframes pulse-dark {
  0%   { box-shadow:0 0 8px #333333, inset 0 0 8px #333333; }
  50%  { box-shadow:0 0 16px #333333, inset 0 0 14px #333333; }
  100% { box-shadow:0 0 8px #333333, inset 0 0 8px #333333; }
}
@-webkit-keyframes pulse2 {
  0%   { box-shadow:0 0 8px #ff0000, inset 0 0 8px #ff0000; }
  50%  { box-shadow:0 0 16px #ff0000, inset 0 0 14px #ff0000; }
  100% { box-shadow:0 0 8px #ff0000, inset 0 0 8px #ff0000; }
}
@-webkit-keyframes pulse-grey {
  0%   { box-shadow:0 0 8px #666666, inset 0 0 8px #666666; }
  50%  { box-shadow:0 0 16px #666666, inset 0 0 14px #666666; }
  100% { box-shadow:0 0 8px #666666, inset 0 0 8px #666666; }
}
@-webkit-keyframes pulse22 {
  0%   { box-shadow:0 0  8px #8400ff,   0 0  8px #8400ff; }
  50%  { box-shadow:0 0 32px #8400ff,   0 0 28px #8400ff; }
  100% { box-shadow:0 0 16px #8400ff,   0 0 16px #8400ff; }
}

.popis-circle a{
  position:absolute; 
  left:-0.24rem;
  background-color:transparent;
  width:0.5rem;
  height:0.5rem;
  border-radius:0.25rem; 
}
.popis-circle a:hover {
  position:absolute;
  left:-0.2rem;
  width:0.3rem;
  height:0.3rem;
  border-radius:0.15rem;  
}
.popis-circle-light a{
  box-shadow: 0 0 8px #ffffff, inset 0 0 8px #ffffff;
  -webkit-animation: pulse 2s linear 1s infinite;
}
.popis-circle-light a:hover {
  box-shadow: 0 0 16px #ffffff, inset 0 0 16px #ffffff;
  -webkit-animation: pulse 2s linear 1s infinite;
}
.popis-circle-dark a{
  box-shadow: 0 0 8px #000000, inset 0 0 8px #000000;
  -webkit-animation: pulse-dark 2s linear 1s infinite;
}
.popis-circle-dark a:hover {
  box-shadow: 0 0 16px #000000, inset 0 0 16px #000000;
  -webkit-animation: pulse-dark 2s linear 1s infinite;
}


.popis-circle-pos-top a{ 
  bottom:-0.6rem;
}
.popis-circle-pos-bottom a{ 
  top:-0.6rem;
}
.popis-circle-pos-top a:hover {
  bottom:-0.5rem;
}
.popis-circle-pos-bottom a:hover {
  top:-0.5rem;
}