#distribuce .bg.bg--0{
	background-color:#d5f4fb;
}
#distribuce .bg.bg--1{
	background-image:url('../../scene/medicina/distribuce/images/bg2.png');
}
#distribuce .bg.bg--2{
	background-image:url('../../scene/medicina/distribuce/images/bg.png');
}
#distribuce .mrak{
	position:absolute;
	animation-name:dis-mrak;
	animation-duration:40s;
	animation-delay:1s;
	animation-timing-function: linear;
    animation-iteration-count: infinite;
	animation-fill-mode:both;
}
#distribuce #mrak-1{
	width:13.0729%;
	height:13.4259%;
	top:1.4815%;
	left:57.3958%;
}
#distribuce #mrak-2{
	width:22.9688%;
	height:21.3899%;
	top:10%;
	left:78.125%;
	animation-duration:50s;
	animation-delay:4s;
}
#distribuce #mrak-3{
	width:35.2604%;
	height:36.2037%;
	top:23.1481%;
	left:15.2083%;
	animation-duration:65s;
	animation-delay:6500ms;
}
@-webkit-keyframes dis-mrak{
	0%{
		left:100%;
	}
	100%{
		left:-10%;
	}
}
@keyframes dis-mrak{
	0%{
		left:100%;
	}
	100%{
		left:-10%;
	}
}
#distribuce #auto{
	position:absolute;
	width:55.8333%;
	height:36.2037%;
	top:62.2222%;
	left:7.5%;
	animation-name:dis-auto;
	animation-duration:14s;
	animation-delay:1s;
	animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
	animation-fill-mode:both;
}
@keyframes dis-auto{
	0%{
		-webkit-transform: translateX(-80%);
		transform: translateX(-80%);
	}
	35%{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	65%{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	100%{
		-webkit-transform: translateX(130%);
		transform: translateX(130%);
	}
}
#distribuce #pavouk{
	position:absolute;
	width:1.0938%;
	height:3.7037%;
	top:76.8519%;
	left:41.0938%;
	margin-top:0;
	animation-name:dis-pavouk;
	animation-duration:4s;
	animation-delay:2s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}
@-webkit-keyframes dis-pavouk{
	0%{
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	100%{
		-webkit-transform: translateY(90%);
		transform: translateY(90%);
	}
}
@keyframes dis-pavouk{
	0%{
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
	100%{
		-webkit-transform: translateY(90%);
		transform: translateY(90%);
	}
}

#distribuce .play{
	position:absolute;
	width:1.7188%;
	height:3.7963%;
	animation-name:puls;
	animation-timing-function:linear;
	animation-duration:2s;
	animation-iteration-count:infinite;
}
#distribuce #play-1{
	top:10.1852%;
	left:33.75%;
}
#distribuce #play-2{
	top:47.8704%;
	left:7.9167%;
}
#distribuce #kriz{
	position:absolute;
	width:2.6042%;
	height:4.6296%;
	top:50.2778%;
	left:69.1146%;
	animation-name:show;
	animation-duration:1s;
	animation-delay:3s;
	animation-fill-mode:both;
}
#distribuce #kriz img{
	animation-name:blik;
	animation-duration:3s;
	animation-delay:6s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-fill-mode:both;
}
#distribuce .map-point{
	position:absolute;
	width:0.8333%;
	height:1.4815%;
	animation-name:puls;
	animation-timing-function:linear;
	animation-duration:2s;
	animation-iteration-count:infinite;
}
#distribuce .map-point#map-point-1{
	top:12.5926%;
	left:15.9896%;
}
#distribuce .map-point#map-point-2{
	top:16.2963%;
	left:11.3021%;
	animation-delay:1000ms;
}
#distribuce .map-point#map-point-3{
	top:20.9259%;
	left:17.5521%;
	animation-delay:1500ms;
}
#distribuce .map-point#map-point-4{
	top:21.8519%;
	left:12.5%;
	animation-delay:500ms;
}

#distribuce #btn-popup-dis-popup-1{
	top:25%;
	left:15%;
}
#distribuce #btn-popup-dis-popup-2{
	top:58%;
	left:57%;
}
#distribuce #btn-popup-dis-popup-3{
	top:45%;
	left:20%;
}
#distribuce #invisible-btn-1{
	top:8.0556%;
	left:31.4063%;
}
#distribuce #invisible-btn-2{
	top:45.7407%;
	left:5.5729%;
}