#stageMark
{
	position: absolute;
	top:0;
	left:800px;
	width:200px;
	height:50px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
}

.zindextop
{
	z-index:5555;
}

#overlay
{
	background:rgba(0,0,0,0.7);
	position: absolute;
	left:0;
	top:0;
	width:1920px;
	height:1080px;
	display:none;
	will-change:opacity;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	z-index:6667;
}

#overlay .modal
{
	position: absolute;
    top: 50%;
    left: 50%;
    padding:70px;
    margin-top: -200px;
    margin-left: -300px;
    width: 600px;
    height: 400px;
    background:#ededed;
    display:none;
}

#overlay .modal.modalbig
{
    margin-top: -350px;
    margin-left: -450px;
    width: 900px;
    height: 700px;
}

#overlay .modal.modalbig2
{
	margin-top: -450px;
    margin-left: -450px;
    width: 900px;
    height: 900px;
}

#overlay .modal.modalmedium
{
    margin-top: -350px;
    margin-left: -700px;
    width: 1400px;
    height: 650px;
}

#overlay .modal.bazen img.slika1
{
	position: absolute;
	left:350px;
	top:100px;
	width:300px;
}

#overlay .modal.bazen img.slika2
{
	position: absolute;
	left:700px;
	top:100px;
	width:300px;
}

#overlay .modal.bazen .text1
{
	position: absolute;
	width:250px;
	left:50px;
	top:100px;
	text-align: right;
}

#overlay .modal.bazen .text2
{
	position: absolute;
	width:300px;
	right:50px;
	top:100px;
}

#overlay .modal .close
{
	position: absolute;
	right:0;
	top:0;
}

#overlay .modal .centerimg
{
	margin:0 auto;
	display:block;
}

#overlay .modal .leftimg
{
	width:345px;
	text-align: center;
	float:left;
	margin-right:70px;
	display:block;
	padding:15px 20px 0 20px;
}


/* skupni bg */

.fullHeight
{
	height:1080px;
}

#floor
{
	top:0;
}

#lik
{
	bottom:0;
	left:1544px;
	background-image: url(../../../imgs/lik_male.png);
	background-position: center bottom;
	width:330px;
	height:315px;
}

#lik[data-class="normal"]
{
	background-position: bottom center;
}

#lik[data-class="leftHandUp"]
{
	background-position: center 1575px;
}

#lik[data-class="leftHandDown"]
{
	background-position: center 945px;
}

#lik[data-class="rightHandUp"]
{
	background-position: center 1260px;
}

#lik[data-class="rightHandDown"]
{
	background-position: center 630px;
}

ul
{
	margin-left:20px;
	list-style: square;
}


.textbox
{
	position: absolute;
	left:100px;
	top:100px;
	width:500px;
	padding:50px;
	background: rgba(255, 255, 255, 0.7);
	text-align: justify;
}

.textbox2
{
	position: absolute;
	left:100px;
	top:100px;
	width:380px;
	padding:50px;
	background: rgba(255, 255, 255, 0.7);
	text-align: justify;
}

.textbox3
{
	position: absolute;
	right:100px;
	top:100px;
	width:380px;
	padding:50px;
	background: rgba(255, 255, 255, 0.7);
	text-align: justify;
}

.textbox4
{
	position: absolute;
	left:100px;
	top:100px;
	width:300px;
	padding:50px;
	background: rgba(255, 255, 255, 0.7);
	text-align: justify;
	z-index: 6667;
}

.textbox5
{
	position: absolute;
	left:100px;
	top:100px;
	width:400px;
	padding:50px;
	background: rgba(255, 255, 255, 0.7);
	text-align: justify;
	z-index: 6667;
}

.textbox6
{
	position: absolute;
	left:100px;
	top:100px;
	width:400px;
	padding:50px;
	background: rgba(255, 255, 255, 0.9);
	text-align: justify;
	z-index: 6667;
}

.textbox7
{
	position: absolute;
	right:100px;
	top:100px;
	width:380px;
	padding:50px;
	background: rgba(255, 255, 255, 0.9);
	text-align: justify;
	z-index: 6667;
}


.textbox3-1
{
	position: absolute;
	right:480px;
	top:100px;
	width:640px;
	height:264px;
	padding:50px;
	background: rgba(255, 255, 255, 0.7);
	text-align: justify;
}

.textcloud
{
	padding:20px;
    background: rgba(255,255,255,0.8);
    border-radius:20px;
    border:10px solid white;
    text-align: center;
}

.textcloud.textcloud1
{
    left: 1373px;
    top: 470px;
    width:350px;
}

.slide1arrow
{
	position: absolute;
    left: 143px;
    top: 241px;
}

.textcloud.textcloud2
{
	left: 786px;
    top: 627px;
    width:350px;
}

.slide2arrow
{
	position: absolute;
    left: 131px;
    top: 97px;
}

.textcloud.textcloud3
{
    left: 893px;
    top: 756px;
    width:350px;
}

.slide3arrow
{
	position: absolute;
    left: -39px;
    top: 61px;
}

.textcloud.textcloud4
{
	left: 310px;
    top: 774px;
    width:350px;
}

.slide4arrow
{
	position: absolute;
	left: 340px;
    top: 40px;
}

.textcloud.textcloud5
{
    left: 149px;
    top: 725px;
    width:350px;
}

.slide5arrow
{
	position: absolute;
    left: 340px;
    top: 89px;
}



/* definicije slideov */
.slide1
{
	left:0;
	top:0;
	width:1920px;
	height:1080px;
}

.slide2
{
	left:0;
	top:0;
	width:1920px;
	height:1080px;
}

.slide3
{
	left:0;
	top:0;
	width:1920px;
	height:1080px;
}


.slide4
{
	left:0;
	top:0;
	width:1920px;
	height:1080px;
}


.slide5
{
	left:0;
	top:0;
	width:1920px;
	height:1080px;
}

.slide6
{
	left:0;
	top:0;
	width:1920px;
	height:1080px;
}


/* 1 slide */

/* 2 slide */

#sod1
{
	left:300px;
	top:690px;
}

#sod2
{
	left:612px;
	top:690px;
}

#sod3
{
	right:612px;
	top:690px;
}

#sod4
{
	right:300px;
	top:690px;
}

#kocka1
{
	transform-origin:50% 50%;
    left: 60px;
    top: 34px;
    z-index: 100;
}

#kocka2
{
	transform-origin:50% 50%;
    left: 264px;
    top: 34px;
	transform: scale(0.3,0.3);
	z-index: 100;
}

#kocka3
{
	transform-origin:50% 50%;
    left: 442px;
    top: 34px;
	transform: scale(0.1,0.1);
	z-index: 100;
}

.textbox3-1 .max
{
    left: 77px;
    top: 119px;
    background: rgba(255, 255, 255, 0.7);
    padding:20px;
    z-index: 101;
}

.textbox3-1 .med
{
    left: 291px;
    top: 190px;
    background: rgba(255, 255, 255, 0.7);
    padding:20px;
    z-index: 101;
}

.textbox3-1 .min
{
	left: 465px;
    top: 190px;
    background: rgba(255, 255, 255, 0.7);
    padding:20px;
    z-index: 101;
}

.hotspot.sod1
{
	left: 346px;
    top: 589px;
}

.hotspot.sod2
{
	left: 659px;
    top: 589px;
}

.hotspot.sod3
{
	left: 1192px;
    top: 589px;
}

.hotspot.sod4
{
	left: 1504px;
    top: 589px;
}

/* 3. slide */

#vrata
{
	left:200px;
	top:248px;
	z-index:6667;
}

#vrata-maska
{
	left:200px;
	top:0px;
	z-index:6667;
}

.hotspot.stiskanje
{
    left: 447px;
    top: 615px;
}

.hotspot.shranjevanje
{
	left: 1242px;
    top: 493px;
}

.hotspot.prevoz
{
    left: 1689px;
    top: 589px;
}

/* 4. slide */

.hotspot.kamera
{
	left: 1178px;
    top: 201px;
}

.hotspot.skladisce
{
    left: 837px;
    top: 486px;
}

.hotspot.bazen
{
	left: 1562px;
    top: 402px;
}

.hotspot.odpadozderka
{
	left: 450px;
    top: 587px;
}

.odpadozder
{
	top: 530px;
    left: 305px;
  width: 309px;
  height: 272px;
  background: url('../imgs/odpadozder.png') left center;
  animation: playOdpadozder 7s steps(97) infinite;
}

@keyframes playOdpadozder {
   100% { background-position: -29973px; }
}

/* 5. slide */

.hotspot.plitko
{
    left: 319px;
    top: 275px;
}

.hotspot.srednje
{
	left: 909px;
    top: 431px;
}

.hotspot.globoko
{
    left: 1387px;
    top: 912px;
}