#vyroba-leciv .bg{
	background-image:url('../../scene/medicina/vyroba-leciv/images/bg.png');
}

#vyroba-leciv .bg-nebe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#d5f4fb;
}
#vyroba-leciv .mrak{
	position:absolute;
	animation-name: vl-mrak;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
#vyroba-leciv .mrak#mrak-1{
	top:20%;
	left:55%;
	width:22.9167%;
	height:23.5185%;
	animation-duration:30s;
}
#vyroba-leciv .mrak#mrak-2{
	top:7.963%;
	left:55%;
	width:9.7396%;
	height:10%;
	animation-duration:50s;
}
@-webkit-keyframes vl-mrak{
	0%{
		left:55%;
	}
	100%{
		left:110%;
	}
}
@keyframes vl-mrak{
	0%{
		left:55%;
	}
	100%{
		left:110%;
	}
}

#vyroba-leciv .box{
	width:3.75%;
	height:auto;
	top:32.5926%;
	position:absolute;
}
#vyroba-leciv .box#box-b1-1,
#vyroba-leciv .box#box-b2-1{
	left:-3.8%;
}
#vyroba-leciv .box#box-c1,
#vyroba-leciv .box#box-b1-2,
#vyroba-leciv .box#box-b2-2,
#vyroba-leciv .box#box-a1{
	left:0.8%;
}
#vyroba-leciv .box#box-c2,
#vyroba-leciv .box#box-b1-3,
#vyroba-leciv .box#box-b2-3,
#vyroba-leciv .box#box-a2{
	left:5.4%;
}
#vyroba-leciv .box#box-c3,
#vyroba-leciv .box#box-b1-4,
#vyroba-leciv .box#box-b2-4,
#vyroba-leciv .box#box-a3{
	left:10%;
}
#vyroba-leciv .box#box-a4{
	left:14.6%;
}

#vyroba-leciv .box.box-a{
	animation-name:vl-movebox-a;
	animation-duration:8s;
	animation-timing-function:cubic-bezier(0.000, 0.000, 0.835, 1.000);
	animation-fill-mode:both;
	opacity:0;
	visibility:hidden;
}

#vyroba-leciv .box.box-b{
	opacity:0;
	animation-name:vl-movebox-b;
	animation-duration:8.4s;
	animation-fill-mode:forwards;
	animation-timing-function:cubic-bezier(0.000, 0.000, 0.835, 1.000);
	animation-iteration-count:infinite;
}
#vyroba-leciv .box.box-b.box-b1{
	animation-delay:7s;
}
#vyroba-leciv .box.box-b.box-b2{
	animation-delay:11.2s;
}

#vyroba-leciv .box.box-c{
	visibility:hidden;
	opacity:0;
	animation-name:vl-movebox-c;
	animation-duration:1.2s;
	animation-delay:10.6s;
	animation-fill-mode:forwards;
	animation-timing-function:linear;
}
@-webkit-keyframes vl-movebox-a {
	0% {
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateX(-500%);
	transform:translateX(-500%);
	}
	1% {
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(-500%);
	transform:translateX(-500%);
	}
	75% {
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	}
	90% {
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	}
	100% {
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	}
}
@keyframes vl-movebox-a {
	0% {
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateX(-500%);
	transform:translateX(-500%);
	}
	1% {
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(-500%);
	transform:translateX(-500%);
	}
	75% {
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	}
	90% {
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	}
	100% {
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateX(0px);
	transform:translateX(0px);
	}

}
@-webkit-keyframes vl-movebox-b {
	0% {
		opacity:1;
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}

	14.2857% {
		opacity:1;
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}
	35.7143% {
		opacity:1;
		-webkit-transform:translateX(122.6667%);
		transform:translateX(122.6667%);
	}
	42.8571% {
		opacity:1;
		-webkit-transform:translateX(122.6667%);
		transform:translateX(122.6667%);
	}
	50% {
		opacity:0;
		-webkit-transform:translateX(122.6667%);
		transform:translateX(122.6667%);
	}
	85.7143% {
		opacity:0;
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}
	86% {
		opacity:1;
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}
	100% {
		opacity:1;
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}
}
@keyframes vl-movebox-b {
	0% {
		opacity:1;
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}

	14.2857% {
		opacity:1;
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}
	35.7143% {
		opacity:1;
		-webkit-transform:translateX(122.6667%);
		transform:translateX(122.6667%);
	}
	42.8571% {
		opacity:1;
		-webkit-transform:translateX(122.6667%);
		transform:translateX(122.6667%);
	}
	50% {
		opacity:0;
		-webkit-transform:translateX(122.6667%);
		transform:translateX(122.6667%);
	}
	85.7143% {
		opacity:0;
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}
	86% {
		opacity:1;
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}
	100% {
		opacity:1;
		-webkit-transform:translateX(0px);
		transform:translateX(0px);
	}
}
@-webkit-keyframes vl-movebox-c {
	0% {
		opacity:1;
		visibility:visible;
	}
	99.9999%{
		opacity:1;
		visibility:visible;
	}
	100% {
		opacity:0;
		visibility:hidden;
	}
}
@keyframes vl-movebox-c {
	0% {
		opacity:1;
		visibility:visible;
	}
	99.9999%{
		opacity:1;
		visibility:visible;
	}
	100% {
		opacity:0;
		visibility:hidden;
	}
}

#vyroba-leciv .flame{
	position:absolute;
	animation-name: vl-flame;
	animation-duration:3ms;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
#vyroba-leciv #flame-1{
	position:absolute;
	width:0.7813%;
	left:33.3333%;
	top:38.3333%;
}
#vyroba-leciv #flame-2{
	position:absolute;
	width:0.4688%;
	left:33.4896%;
	top:39.2593%;
}
@-webkit-keyframes vl-flame{
0% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
20% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
40% {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
60% {
-webkit-transform: rotate(2deg) scaleY(1.15);
transform: rotate(2deg) scaleY(1.15);
}
80% {
-webkit-transform: rotate(-3deg) scaleY(0.82);
transform: rotate(-3deg) scaleY(0.82);
}
100% {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
}
}
@keyframes vl-flame{
0% {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}
20% {
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
}
40% {
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
}
60% {
-webkit-transform: rotate(2deg) scaleY(1.15);
transform: rotate(2deg) scaleY(1.15);
}
80% {
-webkit-transform: rotate(-3deg) scaleY(0.82);
transform: rotate(-3deg) scaleY(0.82);
}
100% {
-webkit-transform: rotate(1deg);
transform: rotate(1deg);
}
}

#vyroba-leciv .bottle-cover{
	position:absolute;
	
	height:1.0185%;
}
#vyroba-leciv #bottle-cover-1{
	width:0.9375%;
	top:27.4074%;
	left:33.3854%;
}
#vyroba-leciv #bottle-cover-2{
	width:1.1458%;
	top:19.0741%;
	left:47.3958%;
}
#vyroba-leciv #bottle-cover-3{
	width:0.9896%;
	top:33.2407%;
	left:48.6979%;
}
#vyroba-leciv .bubble{
	position:absolute;
	opacity:0;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
#vyroba-leciv .bubble svg{
	width:100%;
	height:auto;
}
#vyroba-leciv .bubble.bubble--white path{
	fill:#fff;
}
#vyroba-leciv .bubble.bubble--pink path{
	fill:#d618d1;
}
#vyroba-leciv .bubble.bubble--orange path{
	fill:#f76608;
}
#vyroba-leciv .bubble.bubble--green path{
	fill:#69cacc;
}
#vyroba-leciv .bubble.bubble--size3{
	width:0.1563%;
}
#vyroba-leciv .bubble.bubble--size4{
	width:0.2083%;
}
#vyroba-leciv .bubble.bubble--size5{
	width:0.2604%;
}
#vyroba-leciv .bubble.bubble--size6{
	width:0.3125%;
}
#vyroba-leciv .bubble.bubble--size7{
	width:0.3646%;
}
#vyroba-leciv #bubble-a1{
	top:35.1852%;
	left:33.6458%;
	animation-name:vl-bubble-1;
	animation-duration:4s;
	animation-delay:1s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-a2{
	top:34.6296%;
	left:33.8542%;
	animation-name:vl-bubble-1;
	animation-duration:3s;
	animation-delay:2s;
	animation-direction:alternate;
}
#vyroba-leciv #bubble-a3{
	top:33.5185%;
	left:33.8542%;
	animation-name:vl-bubble-1;
	animation-duration:3s;
	animation-delay:3s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-a4{
	top:32.7778%;
	left:33.9583%;
	animation-name:vl-bubble-1;
	animation-duration:4.5s;
	animation-delay:4s;
	animation-direction:aletrnate;
}
#vyroba-leciv #bubble-a5{
	top:32.0370%;
	left:33.6458%;
	top:32.7778%;
	left:33.9583%;
	animation-name:vl-bubble-2;
	animation-duration:3s;
	animation-delay:5s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-a6{
	top:29.0741%;
	left:33.75%;
	animation-name:vl-bubble-2;
	animation-duration:1s;
	animation-delay:7s;
	animation-direction:alternate;
}
#vyroba-leciv #bubble-a7{
	top:26.8519%;
	left:33.75%;
	animation-name:vl-bubble-2;
	animation-duration:1.5s;
	animation-delay:8s;
	animation-direction:normal;
}

#vyroba-leciv #bubble-b1{
	top:24.6296%;
	left:47.7604%;
	animation-name:vl-bubble-3;
	animation-duration:1.5s;
	animation-delay:4s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-b2{
	top:24.0741%;
	left:47.9688%;
	animation-name:vl-bubble-3;
	animation-duration:2s;
	animation-delay:2s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-b3{
	top:23.1481%;
	left:47.9167%;
	animation-name:vl-bubble-3;
	animation-duration:1.5s;
	animation-delay:3s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-b4{
	top:22.4074%;
	left:48.0208%;
	animation-name:vl-bubble-3;
	animation-duration:1s;
	animation-delay:4s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-b5{
	top:20.3704%;
	left:47.7083%;
	animation-name:vl-bubble-3;
	animation-duration:2.5s;
	animation-delay:5s;
	animation-direction:normal;
}

#vyroba-leciv #bubble-c1{
	top:39.1667%;
	left:49.2708%;
	animation-name:vl-bubble-3;
	animation-duration:1.5s;
	animation-delay:4s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-c2{
	top:38.6111%;
	left:49.4792%;
	animation-name:vl-bubble-1;
	animation-duration:2.5s;
	animation-delay:2s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-c3{
	top:38.3333%;
	left:49.0104%;
	animation-name:vl-bubble-3;
	animation-duration:1.5s;
	animation-delay:3s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-c4{
	top:37.5926%;
	left:49.1146%;
	animation-name:vl-bubble-3;
	animation-duration:1s;
	animation-delay:4s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-c5{
	top:36.9444%;
	left:48.75%;
	animation-name:vl-bubble-3;
	animation-duration:3.5s;
	animation-delay:5s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-c6{
	top:35.8333%;
	left:49.0104%;
	animation-name:vl-bubble-3;
	animation-duration:2s;
	animation-delay:5s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-c7{
	top:34.6296%;
	left:49.1146%;
	animation-name:vl-bubble-3;
	animation-duration:3s;
	animation-delay:5s;
	animation-direction:normal;
}
#vyroba-leciv #bubble-c8{
	top:32.7778%;
	left:48.8542%;
	animation-name:vl-bubble-3;
	animation-duration:2.5s;
	animation-delay:5s;
	animation-direction:normal;
}
@-webkit-keyframes vl-bubble-1{
0%{
	opacity:0;
	scale:1;
	-webkit-transform: rotate(0deg) translateX(50%) rotate(0deg);
	transform: rotate(0deg) translateX(50%) rotate(0deg);
}
10%{
	opacity:0.5;
	scale:1;
}
20%{
	opacity:1;
	scale:1;
}
30%{
	opacity:0;
	scale:1.3;
	-webkit-transform: rotate(360deg) translateX(50%) rotate(-360deg);
	transform: rotate(360deg) translateX(50%) rotate(-360deg);
}
40%{
	opacity:1;
	scale:1.6;
}
50%{
	opacity:0.6;
	scale:1.3;
}
60%{
	opacity:1;
	scale:1;
	-webkit-transform: rotate(0deg) translateX(25%) rotate(0deg);
	transform: rotate(0deg) translateX(25%) rotate(0deg);
}
70%{
	opacity:1;
	scale:0.7;
}
80%{
	opacity:0.66;
	scale:1;
}
90%{
	opacity:0.33;
	scale:1;
	-webkit-transform: rotate(-360deg) translateX(25%) rotate(360deg);
	transform: rotate(-360deg) translateX(25%) rotate(360deg);
}
100%{
	opacity:0;
	scale:1;
	-webkit-transform: rotate(-360deg) translateX(25%) rotate(360deg);
	transform: rotate(-360deg) translateX(25%) rotate(360deg);
}
}
@keyframes vl-bubble-1{
0%{
	opacity:0;
	scale:1;
	-webkit-transform: rotate(0deg) translateX(50%) rotate(0deg);
	transform: rotate(0deg) translateX(50%) rotate(0deg);
}
10%{
	opacity:0.5;
	scale:1;
}
20%{
	opacity:1;
	scale:1;
}
30%{
	opacity:0;
	scale:1.3;
	-webkit-transform: rotate(360deg) translateX(50%) rotate(-360deg);
	transform: rotate(360deg) translateX(50%) rotate(-360deg);
}
40%{
	opacity:1;
	scale:1.6;
}
50%{
	opacity:0.6;
	scale:1.3;
}
60%{
	opacity:1;
	scale:1;
	-webkit-transform: rotate(0deg) translateX(25%) rotate(0deg);
	transform: rotate(0deg) translateX(25%) rotate(0deg);
}
70%{
	opacity:1;
	scale:0.7;
}
80%{
	opacity:0.66;
	scale:1;
}
90%{
	opacity:0.33;
	scale:1;
	-webkit-transform: rotate(-360deg) translateX(25%) rotate(360deg);
	transform: rotate(-360deg) translateX(25%) rotate(360deg);
}
100%{
	opacity:0;
	scale:1;
	-webkit-transform: rotate(-360deg) translateX(25%) rotate(360deg);
	transform: rotate(-360deg) translateX(25%) rotate(360deg);
}
}
@-webkit-keyframes vl-bubble-2{
0%{
	opacity:0;
	scale:1;
	-webkit-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
}
10%{
	opacity:0.5;
	scale:1;
}
20%{
	opacity:1;
	scale:1;
	-webkit-transform: translateX(0px) translateY(-100%);
	transform: translateX(0px) translateY(-100%);
}
30%{
	opacity:1;
	scale:1.3;
	-webkit-transform: translateX(-30%) translateY(-150%);
	transform: translateX(-30%) translateY(-150%);
}
40%{
	opacity:1;
	scale:1.6;
	-webkit-transform: translateX(0px) translateY(-200%);
	transform: translateX(0px) translateY(-200%);
}
50%{
	opacity:0.8;
	scale:1.3;
	-webkit-transform: translateX(0px) translateY(-250%);
	transform: translateX(0px) translateY(-250%);
}
60%{
	opacity:0.6;
	scale:1;
	-webkit-transform: translateX(-30%) translateY(-300%);
	transform: translateX(-30%) translateY(-300%);
}
70%{
	opacity:0.8;
	scale:0.7;
	-webkit-transform: translateX(0px) translateY(-350%);
	transform: translateX(0px) translateY(-350%);
}
80%{
	opacity:0.4;
	scale:1;
}
90%{
	opacity:0;
	scale:1;
}
100%{
	opacity:0;
	scale:1;
	-webkit-transform: translateY(-500%);
	transform: translateY(-500%);
}
}
@keyframes vl-bubble-2{
0%{
	opacity:0;
	scale:1;
	-webkit-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
}
10%{
	opacity:0.5;
	scale:1;
}
20%{
	opacity:1;
	scale:1;
	-webkit-transform: translateX(0px) translateY(-100%);
	transform: translateX(0px) translateY(-100%);
}
30%{
	opacity:1;
	scale:1.3;
	-webkit-transform: translateX(-30%) translateY(-150%);
	transform: translateX(-30%) translateY(-150%);
}
40%{
	opacity:1;
	scale:1.6;
	-webkit-transform: translateX(0px) translateY(-200%);
	transform: translateX(0px) translateY(-200%);
}
50%{
	opacity:0.8;
	scale:1.3;
	-webkit-transform: translateX(0px) translateY(-250%);
	transform: translateX(0px) translateY(-250%);
}
60%{
	opacity:0.6;
	scale:1;
	-webkit-transform: translateX(-30%) translateY(-300%);
	transform: translateX(-30%) translateY(-300%);
}
70%{
	opacity:0.8;
	scale:0.7;
	-webkit-transform: translateX(0px) translateY(-350%);
	transform: translateX(0px) translateY(-350%);
}
80%{
	opacity:0.4;
	scale:1;
}
90%{
	opacity:0;
	scale:1;
}
100%{
	opacity:0;
	scale:1;
	-webkit-transform: translateY(-500%);
	transform: translateY(-500%);
}
}

@-webkit-keyframes vl-bubble-3{
0%{
	opacity:0;
	scale:1;
	-webkit-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
}
10%{
	opacity:0.5;
	scale:1;
}
20%{
	opacity:1;
	scale:1;
	-webkit-transform: translateX(0px) translateY(-50%);
	transform: translateX(0px) translateY(-50%);
}
30%{
	opacity:1;
	scale:1.3;
	-webkit-transform: translateX(-20%) translateY(-75%);
	transform: translateX(-20%) translateY(-75%);
}
40%{
	opacity:1;
	scale:1.6;
	-webkit-transform: translateX(0px) translateY(-100%);
	transform: translateX(0px) translateY(-100%);
}
50%{
	opacity:0.8;
	scale:1.3;
	-webkit-transform: translateX(20%) translateY(-125%);
	transform: translateX(20%) translateY(-125%);
}
60%{
	opacity:0.6;
	scale:1;
	-webkit-transform: translateX(0px) translateY(-150%);
	transform: translateX(0px) translateY(-150%);
}
70%{
	opacity:0.8;
	scale:0.7;
	-moz-transform: translateX(-20%) translateY(-175%);
	-webkit-transform: translateX(-20%) translateY(-175%);
	-o-transform: translateX(-20%) translateY(-175%);
	-ms-transform: translateX(-20%) translateY(-175%);
	transform: translateX(-20%) translateY(-175%);
}
80%{
	opacity:0.4;
	scale:1;
	-webkit-transform: translateX(0px) translateY(-200%);
	transform: translateX(0px) translateY(-200%);
}
90%{
	opacity:0;
	scale:1;
}
100%{
	opacity:0;
	scale:1;
	-webkit-transform: translateY(-300%);
	transform: translateY(-300%);
}
}
@keyframes vl-bubble-3{
0%{
	opacity:0;
	scale:1;
	-webkit-transform: translateX(0px) translateY(0px);
	transform: translateX(0px) translateY(0px);
}
10%{
	opacity:0.5;
	scale:1;
}
20%{
	opacity:1;
	scale:1;
	-webkit-transform: translateX(0px) translateY(-50%);
	transform: translateX(0px) translateY(-50%);
}
30%{
	opacity:1;
	scale:1.3;
	-webkit-transform: translateX(-20%) translateY(-75%);
	transform: translateX(-20%) translateY(-75%);
}
40%{
	opacity:1;
	scale:1.6;
	-webkit-transform: translateX(0px) translateY(-100%);
	transform: translateX(0px) translateY(-100%);
}
50%{
	opacity:0.8;
	scale:1.3;
	-webkit-transform: translateX(20%) translateY(-125%);
	transform: translateX(20%) translateY(-125%);
}
60%{
	opacity:0.6;
	scale:1;
	-webkit-transform: translateX(0px) translateY(-150%);
	transform: translateX(0px) translateY(-150%);
}
70%{
	opacity:0.8;
	scale:0.7;
	-webkit-transform: translateX(-20%) translateY(-175%);
	transform: translateX(-20%) translateY(-175%);
}
80%{
	opacity:0.4;
	scale:1;
	-webkit-transform: translateX(0px) translateY(-200%);
	transform: translateX(0px) translateY(-200%);
}
90%{
	opacity:0;
	scale:1;
}
100%{
	opacity:0;
	scale:1;
	-webkit-transform: translateY(-300%);
	transform: translateY(-300%);
}
}

#vyroba-leciv #auto{
	position:absolute;
	width:12.8125%;
	height:34.0741%;
	top:65.9259%;
	left:87.1875%;
	visibility:hidden;
	animation-name:vl-auto;
	animation-duration:2s;
	animation-delay:2s;
	animation-timing-function:ease-out;
	animation-fill-mode:both;
	
}
@-webkit-keyframes vl-auto{
	0%{
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility:visible;
	}
	100%{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		visibility:visible;
	}
}
@keyframes vl-auto{
	0%{
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		visibility:visible;
	}
	100%{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		visibility:visible;
	}
}

#vyroba-leciv .pills-cover{
	position:absolute;
	width:2.8125%;
	height:7.0370%;
	left:55.9896%;
	top:28.8889%;
}

#vyroba-leciv #plato-box-1{
	position:absolute;
	top:38.6111%;
	left:57.0313%;
	width:1.7708%;
	height:4.3519%;
	animation-delay:5s;
	animation-timing-function:linear;
	animation-fill-mode:both;
	animation-duration:3s;
}
.reanim #vyroba-leciv #plato-box-1{
	animation-name:vl-plata;
}
#vyroba-leciv .pill{
	position:absolute;
	width:26.4706%;
	height:19.1489%;
	left:11.7647%;
	visibility:hidden;
	animation-timing-function:linear;
	animation-fill-mode:both;
	animation-duration:300ms;
}
#vyroba-leciv #pill-1{
	top:70.2128%;
	animation-delay:1s;
}
.reanim #vyroba-leciv #pill-1{
	animation-name:vl-pill-1;
}
#vyroba-leciv #pill-2{
	top:48.9362%;
	animation-delay:2s;
}
.reanim #vyroba-leciv #pill-2{
	animation-name:vl-pill-2;
}
#vyroba-leciv #pill-3{
	top:29.7872%;
	animation-delay:3s;
}
.reanim #vyroba-leciv #pill-3{
	animation-name:vl-pill-3;
}
#vyroba-leciv #pill-4{
	top:8.5106%;
	animation-delay:4s;
}
.reanim #vyroba-leciv #pill-4{
	animation-name:vl-pill-4;
}
@keyframes vl-pill-1{
	0%{
		visibility:hidden;
		-webkit-transform: translateY(-1000%);
		transform: translateY(-1000%);
	}
	1%{
		visibility:visible;
		-webkit-transform: translateY(-1000%);
		transform: translateY(-1000%);
	}
	100%{
		visibility:visible;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes vl-pill-2{
	0%{
		visibility:hidden;
		-webkit-transform: translateY(-888.8889%);
		transform: translateY(-888.8889%);
	}
	1%{
		visibility:visible;
		-webkit-transform: translateY(-888.8889%);
		transform: translateY(-888.8889%);
	}
	100%{
		visibility:visible;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes vl-pill-3{
	0%{
		visibility:hidden;
		-webkit-transform: translateY(-788.8889%);
		transform: translateY(-788.8889%);
	}
	1%{
		visibility:visible;
		-webkit-transform: translateY(-788%.8889);
		transform: translateY(-788.8889%);
	}
	100%{
		visibility:visible;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
@keyframes vl-pill-4{
	0%{
		visibility:hidden;
		-webkit-transform: translateY(-666%);
		transform: translateY(-666%);
	}
	1%{
		visibility:visible;
		-webkit-transform: translateY(-666%);
		transform: translateY(-666%);
	}
	100%{
		visibility:visible;
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
#vyroba-leciv #plato-2{
	position:absolute;
	top:38.6111%;
	left:61.3542%;
	width:1.7708%;
	height:4.3519%;
	animation-delay:5s;
	animation-timing-function:linear;
	animation-fill-mode:both;
	animation-duration:3s;
}
.reanim #vyroba-leciv #plato-2{
	animation-name:vl-plata;
}
@keyframes vl-plata{
	0%{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	100%{
		-webkit-transform: translateX(244.1176%);
		transform: translateX(244.1176%);
	}
}
#vyroba-leciv #plato-3{
	position:absolute;
	top:38.6111%;
	left:65.6771%;
	width:1.7708%;
	height:4.3519%;
	animation-delay:5s;
	animation-timing-function:linear;
	animation-fill-mode:both;
	animation-duration:2s;
	opacity:1;
}
.reanim #vyroba-leciv #plato-3{
	animation-name:vl-plato-3;
}
@keyframes vl-plato-3{
0%{
	-webkit-transform: rotate(0deg) translateX(0px) translateY(0px);
	transform: rotate(0deg) translateX(0px) translateY(0px);
}
50%{
	-webkit-transform: rotate(90deg) translateX(290%) translateY(-195%);
	transform: rotate(90deg) translateX(290%) translateY(-195%);
}
99%{
	opacity:1;
	-webkit-transform: rotate(90deg) translateX(290%) translateY(-195%);
	transform: rotate(90deg) translateX(290%) translateY(-195%);
}
100%{
	opacity:0;
	-webkit-transform: rotate(90deg) translateX(290%) translateY(-195%);
	transform: rotate(90deg) translateX(290%) translateY(-195%);
}
}

#vyroba-leciv .vytah-cover{
	position:absolute;
	width:0.8854%;
	height:1.6667%;
	top:98.3333%;
	left:73.5938%;
	background:#767676;
}
#vyroba-leciv #vytah{
	position:absolute;
	top:45.5556%;
	left:69.1146%;
	width:9.6354%;
	height:11.6667%;
	/*animation-name:vl-vytah;
	animation-delay:16s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:both;
	animation-duration:3s;*/
	animation-delay:9s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:both;
	animation-duration:16s;
}
.reanim #vyroba-leciv #vytah{
	animation-name:vl-vytah;
}
#vyroba-leciv #vytah:after{
	position:absolute;
	content:'';
	width:7.027%;
	height:353%;
	top:100%;
	left:46.4865%;
	background:#e0e0e0;
}
@keyframes vl-vytah{
	0%{
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	12.5%{
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	31.25%{
		-webkit-transform: translateY(341.2698%);
		transform: translateY(341.2698%);
	}
	75%{
		-webkit-transform: translateY(341.2698%);
		transform: translateY(341.2698%);
	}
	93.75%{
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	100%{
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}
#vyroba-leciv #vytah-deska{
	position:absolute;
	width:100%;
	height:30.1587%;
	bottom:0;
	left:0;
}
#vyroba-leciv #vytah-bedna{
	position:absolute;
	width:67.5676%;
	height:83.3333%;
	top:0;
	left:16.2162%;
	visibility:visible;
	opacity:0;
	/*animation-name:show;
	animation-delay:14s;
	animation-timing-function:linear;
	animation-fill-mode:both;
	animation-duration:1s;*/
	animation-delay:9s;
	animation-timing-function:linear;
	animation-fill-mode:both;
	animation-duration:16s;
}
.reanim #vyroba-leciv #vytah-bedna{
	animation-name:vl-bedna;
}
#vyroba-leciv #vytah-krabicky-box{
	position:absolute;
	width:81.6216%;
	height:61.9048%;
	top:21.4286%;
	left:9.7297%;
	visibility:visible;
	opacity:1;
	/*animation-name:hide;
	animation-delay:13s;
	animation-timing-function:linear;
	animation-fill-mode:both;
	animation-duration:1s;*/
	animation-delay:5s;
	animation-timing-function:linear;
	animation-fill-mode:both;
	animation-duration:20s;
}
.reanim #vyroba-leciv #vytah-krabicky-box{
	animation-name:vl-krabicky;
}
@-webkit-keyframes vl-krabicky{
	0%{
		opacity:1;
	}
	15%{
		opacity:1;
	}
	20%{
		opacity:0;
	}
	95%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@keyframes vl-krabicky{
	0%{
		opacity:1;
	}
	15%{
		opacity:1;
	}
	20%{
		opacity:0;
	}
	95%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@-webkit-keyframes vl-bedna{
	0%{
		opacity:0;
	}
	6.25%{
		opacity:1;
	}
	62.5%{
		opacity:1;
	}
	68.75%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}
@keyframes vl-bedna{
	0%{
		opacity:0;
	}
	6.25%{
		opacity:1;
	}
	62.5%{
		opacity:1;
	}
	68.75%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}
#vyroba-leciv #vytah-krabicky{
	position:absolute;
	width:100%;
	height:100%;
	top:0%;
	left:0%;
}
#vyroba-leciv #vytah-krabicka{
	position:absolute;
	width:33.1126%;
	height:50%;
	top:0%;
	left:0%;
	visibility:visible;
	opacity:0;
	/*animation-name:show;
	animation-delay:11s;
	animation-timing-function:linear;
	animation-fill-mode:both;
	animation-duration:1s;*/
	animation-delay:6s;
	animation-timing-function:linear;
	animation-fill-mode:both;
	animation-duration:4s;
}
.reanim #vyroba-leciv #vytah-krabicka{
	animation-name:vl-krabicka;
}
@keyframes vl-krabicka{
	0%{
		opacity:0;
	}
	25%{
		opacity:1;
	}
	75%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
	
}

#vyroba-leciv #play{
	position:absolute;
	top:85.3704%;
	left:23.75%;
	width:1.7188%;
	height:3.7963%;
	animation-name:puls;
	animation-timing-function:linear;
	animation-duration:2s;
	animation-iteration-count:infinite;
}

#vyroba-leciv #wifi-bar{
	position:absolute;
	width:3.9063%;
	height:6.9445%;
	left:78.8%;
	top:87%;
}

#vyroba-leciv #btn-popup-vl-test1{
	top:80.5556%;
	left:24.2708%;
}

#vyroba-leciv .bod{
	position:absolute;
	width:0.5729%;
	height:1.0185%;
	opacity:0.5;
	background:#c60000;
	-webkit-border-radius:50%;
	border-radius:50%;
	animation-name:vl-bod;
	animation-duration:2s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-direction:alternate;
	animation-fill-mode:both;
}
#vyroba-leciv .bod#bod-1{
	top:65.4630%;
	left:16.5625%;
	animation-delay:1s;
}
#vyroba-leciv .bod#bod-2{
	top:70.7407%;
	left:8.75%;
	animation-delay:2s;
}
#vyroba-leciv .bod#bod-3{
	top:74.4444%;
	left:20.0521%;
	animation-delay:3s;
}
#vyroba-leciv .bod#bod-4{
	top:75.3704%;
	left:12.7604%;
	animation-delay:4s;
}
@keyframes vl-bod{
	0%{
		opacity:0.5;
		-webkit-transform: scale(1);
		transform: scale(1);
		
	}
	100%{
		opacity:1;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}
@-webkit-keyframes vl-bod{
	0%{
		opacity:0.5;
		-webkit-transform: scale(1);
		transform: scale(1);
		
	}
	100%{
		opacity:1;
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}

#vyroba-leciv #vl-ctecka{
	top:79.3518%;
	left:70.3125%;
	animation-name:none;
	animation-delay:14s;
}
.reanim #vyroba-leciv #vl-ctecka{
	animation-name:ctecka;
}
#vyroba-leciv #vl-ctecka .ctecka__laser{
	animation-name:none;
	animation-delay:15s;
}
.reanim #vyroba-leciv #vl-ctecka .ctecka__laser{
	animation-name: ctecka-laser;
}
#vyroba-leciv #vl-ctecka .ctecka__ruka{
	animation-name:none;
	animation-delay:15s;
}
.reanim #vyroba-leciv #vl-ctecka .ctecka__ruka{
	animation-name: ctecka-ruka;
}
#vyroba-leciv #vl-ctecka .ctecka__inner{
	background-image:url('../../scene/medicina/vyroba-leciv/images/scan-bg.png');
}

#vyroba-leciv #btn-popup-vl-popup-1{
	top:72%;
	left:49.5%;
}
#vyroba-leciv #btn-popup-vl-popup-2{
	top:31%;
	left:64%;
}
#vyroba-leciv #btn-popup-vl-popup-3{
	top:80%;
	left:24.4%;
}
#vyroba-leciv #btn-popup-vl-popup-4{
	top:28%;
	left:10%;
}
#vyroba-leciv #btn-popup-vl-popup-5{
	top:45%;
	left:74%;
}
#vyroba-leciv #invisible-btn-1{
	top:83.2407%;
	left:21.4063%;
}