/*
 Theme Name:     Tempera Child
 Description:    Interaktivne obrazky motorov
 Template:       tempera
 Version:        1.31
*/

.obr
{border-radius:50%;
width:70px;
height:70px;
position:absolute;}

.obr span
{visibility:hidden;
position:absolute;
margin-left:35px!important;
margin-top:40px;
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
color:green;
font-size:14px;}

#vidimid
{display: block;
text-align:center;
margin:0 auto!important;
width:220px;
background:rgb(47, 0, 255);
font-size:15px;
color:white;
padding:7px;
border:none;
cursor:pointer;
border-radius:2px;}

/* A550 */
.obr1
{top:12%;
left:46%;}

.obr2
{top:43%;
left:45%;}

.obr3
{top:30%;
left:43%;}

.obr4
{top:40%;
left:60%;}

.obr5
{top:46%;
left:30%;}

.obr1 span:after
{ content: url(/wp-content/uploads/2022/02/vent.png);
  float:right;
position: relative;
top:-70px;}

.obr2 span:after
{ content: url(/wp-content/uploads/2022/02/ovl.png);
  float:left;
position: absolute;
top:-70px;
left:-340px;}

.obr2:hover span
{transform-origin: top right;}

.obr3 span:after
{ content: url(/wp-content/uploads/2022/02/disp.png);
  float:right;
position: relative;
top:-70px;}

.obr4 span:after
{content: url(/wp-content/uploads/2022/02/ram.png);
  float:right;
position: relative;
top:-70px;}

.obr5 span:after
{ content: url(/wp-content/uploads/2022/02/poten.png);
  float:left;
position: absolute;
top:0px;
left:-340px;}

.obr5:hover span
{transform-origin: top right;}

/* V800 */
.obr11
{top:5%;
left:49%;}

.obr12
{top:18%;
left:45%;}

.obr13
{top:32%;
left:35%;}

.obr14
{top:37%;
left:60%;}

.obr15
{top:42%;
left:48%;}

.obr16
{top:55%;
left:35%;}

.obr17
{top:55%;
left:65%;}

.obr18
{top:70%;
left:45%;}

.obr11 span:after
{content: url(/wp-content/uploads/2022/03/7-V800-vybo.png);
float:left;
position: absolute;
top:-70px;
left:-340px;}

.obr11:hover span
{transform-origin: top right;}

.obr12 span:after
{content: url(/wp-content/uploads/2022/03/1-V800-vybo.png);
float:right;
position: relative;
top:-70px;}

.obr13 span:after
{content: url(/wp-content/uploads/2022/03/8-V800-vybo.png);
float:left;
position: absolute;
top:-70px;
left:-340px;}

.obr13:hover span
{transform-origin: top right;}

.obr14 span:after
{content: url(/wp-content/uploads/2022/03/2-V800-vybo.png);
float:right;
position: relative;
top:-70px;}

.obr15 span:after
{content: url(/wp-content/uploads/2022/03/4-V800-vybo.png);
float:left;
position: absolute;
top:0px;
left:-340px;}

.obr15:hover span
{transform-origin: top right;}

.obr16 span:after
{content: url(/wp-content/uploads/2022/03/5-V800-vybo.png);
float:left;
position: absolute;
top:0px;
left:-340px;}

.obr16:hover span
{transform-origin: top right;}

.obr17 span:after
{content: url(/wp-content/uploads/2022/03/3-V800-vybo.png);
float:right;
position: relative;
top:-70px;}

.obr18 span:after
{content: url(/wp-content/uploads/2022/03/6-V800-vybo.png);
float:right;
position: relative;}

/* V810 */
.obr21
{top:3%;
left:40%;}

.obr22
{top:12%;
left:15%;}

.obr23
{top:27%;
left:45%;}

.obr24
{top:50%;
left:15%;}

.obr25
{top:32%;
left:65%;}

.obr26
{top:65%;
left:40%;}

.obr27
{top:45%;
left:50%;}

.obr28
{top:75%;
left:50%;}

.obr21 span:after
{content: url(/wp-content/uploads/2022/03/1-v810.png);
float:right;
position: relative;
top:-70px;}

.obr22 span:after
{content: url(/wp-content/uploads/2022/03/9-v810-vybo.png);
float:left;
position: absolute;
top:-70px;
left:-220px;}

.obr22:hover span
{transform-origin: top right;}

.obr23 span:after
{content: url(/wp-content/uploads/2022/03/6-v810.png);
float:left;
position: absolute;
top:-70px;
left:-340px;}

.obr23:hover span
{transform-origin: top right;}

.obr24 span:after
{content: url(/wp-content/uploads/2022/03/8-v810-vybo.png);
float:left;
position: absolute;
top:0px;
left:-220px;}

.obr24:hover span
{transform-origin: top right;}

.obr25 span:after
{content: url(/wp-content/uploads/2022/03/2-v810.png);
float:right;
position: relative;
top:-70px;}

.obr26 span:after
{content: url(/wp-content/uploads/2022/03/3-v810.png);
float:left;
position: absolute;
top:0px;
left:-340px;}

.obr261 span:after
{content: url(/wp-content/uploads/2023/06/profinet.png);
float:left;
position: absolute;
top:0px;
left:-340px;}

.obr26:hover span
{transform-origin: top right;}

.obr27 span:after
{content: url(/wp-content/uploads/2022/03/5-v810.png);
float:right;
position: relative;}

.obr28 span:after
{content: url(/wp-content/uploads/2023/06/28-V900.png);
float:right;
position: relative;}

/* X550 */
.obr31
{top:17%;
left:35%;}

.obr32
{top:28%;
left:36%;}

.obr33
{top:35%;
left:18%;}

.obr34
{top:35%;
left:68%;}

.obr35
{top:43%;
left:79%;}

.obr36
{top:59%;
left:76%;}

.obr37
{top:68%;
left:34%;}

.obr31 span:after
{content: url(/wp-content/uploads/2022/03/7-x550.png);
float:left;
position: absolute;
top:-70px;
left:-340px;}

.obr31:hover span
{transform-origin: top right;}

.obr32 span:after
{content: url(/wp-content/uploads/2022/03/6-x550.png);
float:left;
position: absolute;
top:-70px;
left:-340px;}

.obr32:hover span
{transform-origin: top right;}

.obr33 span:after
{content: url(/wp-content/uploads/2022/03/3-x550.png);
float:left;
position: absolute;
top:0px;
left:-340px;}

.obr33:hover span
{transform-origin: top right;}

.obr34 span:after
{content: url(/wp-content/uploads/2022/03/1-x550.png);
float:right;
position: relative;
top:-70px;}

.obr35 span:after
{content: url(/wp-content/uploads/2022/03/2-x550.png);
float:right;
position: relative;
top:-70px;}

.obr36 span:after
{content: url(/wp-content/uploads/2022/03/5-x550.png);
float:right;
position: relative;}

.obr37 span:after
{content: url(/wp-content/uploads/2022/03/4-x550.png);
float:left;
position: absolute;
top:0px;
left:-340px;}

.obr37:hover span
{transform-origin: top right;}

.obr:hover span, .vidim
{visibility:visible!important;
animation:super .5s linear;
transform-origin: top left;
transform-style: preserve-3D;}

@keyframes super {
0% {transform:scale(0);}
100% {transform:scale(1);}
  }

.obr:before
{content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    margin: 3px;
    top: 28px;
    left: 28px;
    border-radius: 16px;
    background-color: rgb(47, 0, 255);}

.obr:after
{content: "";
    display: block;
    position: relative;
    height: 71px;
    width: 71px;
    border-radius: 50%;
    background-color: rgb(47, 0, 255, 0.5);
    transition: .4s;
    pointer-events: none;
    animation: hostspot-large 2s infinite;}

@keyframes hostspot-large {
            0%, 100% { transform: scale(0.1); opacity: 0; }
            1% { opacity: 1; }
            30% { opacity: 1; }
            70% { transform: scale(1); opacity: 0; }
          }

.nov
{position:relative;}

.nov img
{width: 100%;
height: auto;
z-index: 10;}

.str
{max-width:700px;
margin:0 auto!important;}

.namob
{display:none;}

@media (max-width:981px){
.bezmob
{display:none!important;}
.namob
{display:block!important;}
}

.term-description .str
{margin:0 auto!important;}