﻿#esol .bg{
	background-color:#ffffff;
}
#esol .step{
	position:absolute;
	animation-name:med-show;
	animation-duration:1s;
	animation-timing-function:cubic-bezier(0.2,-2,0.8,2);
	animation-fill-mode:both;
}
#esol .step#vyroba-leciv{
	width:17.1354%;
	height:17.5926%;
	top:19.7222%;
	left:14.0625%;
	animation-delay:500ms;
}
#esol .step#velkoobchod-distribuce{
	width:33.6458%;
	height:17.4074%;
	top:19.9074%;
	left:33.8021%;
	animation-delay:1000ms;
}
#esol .step#lekarna{
	width:8.8542%;
	height:16.2037%;
	top:19.9074%;
	left:70%;
	animation-delay:1500ms;
}
#esol .step#pacient{
	width:4.1667%;
	height:16.1111%;
	top:20%;
	left:81.8229%;
	animation-delay:2000ms;
}
#esol .step#nahrani{
	width:14.6875%;
	height:38.8889%;
	top:45.1852%;
	left:14.0625%;
	animation-delay:2500ms;
}
#esol .step#overeni{
	width:15.2083%;
	height:23.1481%;
	top:45.1852%;
	left:70.8333%;
	animation-delay:2500ms;
}
#esol .step#system{
	width:26.9792%;
	height:31.2963%;
	top:63.0556%;
	left:34.1146%;
	animation-delay:3000ms;
}

#esol .cara{
	position:absolute;
	animation-name:show;
	animation-duration:1s;
	animation-timing-function:cubic-bezier(0.2,-2,0.8,2);
	animation-fill-mode:both;
}
#esol .cara.cara-ver{
	width:0.7292%;
	height:5.1852%;
}
#esol .cara.cara-hor{
	width:2.9167%;
	height:1.2963%;
}

#esol .cara-problik img{
	animation-name:cara;
	animation-duration:3s;
	animation-iteration-count:infinite;
}

#esol .cara.cara--1{
	top:38.2407%;
	left:15.6771%;
	animation-delay:2050ms;
}
#esol .cara.cara--2{
	width:54.5833%;
	height:2.4074%;
	top:38.2407%;
	left:17.9688%;
	animation-delay:1300ms;
}
#esol .cara.cara--3{
	width:6.6146%;
	height:2.4074%;
	top:38.2407%;
	left:76.3021%;
	animation-delay:1750ms;
}
#esol .cara.cara--4{
	top:38.2407%;
	left:74.0625%;
	animation-delay:2050ms;
}
#esol .cara.cara--5{
	width:6.6146%;
	height:2.4074%;
	top:69.1667%;
	left:44.1667%;
	animation-delay:3250ms;
}


#esol .cara.cara--a-1{
	top:85.463%;
	left:15.6771%;
	animation-delay:3350ms;
}
#esol .cara.cara--a-1 img{
	animation-delay:4000ms;
}
#esol .cara.cara--a-2{
	top:89.8148%;
	left:17.2396%;
	animation-delay:3400ms;
}
#esol .cara.cara--a-2 img{
	animation-delay:4100ms;
}
#esol .cara.cara--a-3{
	top:89.8148%;
	left:21.6667%;
	animation-delay:3450ms;
}
#esol .cara.cara--a-3 img{
	animation-delay:4300ms;
}
#esol .cara.cara--a-4{
	top:89.8148%;
	left:26.0938%;
	animation-delay:3500ms;
}
#esol .cara.cara--a-4 img{
	animation-delay:4400ms;
}
#esol .cara.cara--a-5{
	top:89.8148%;
	left:30.5208%;
	animation-delay:3550ms;
}
#esol .cara.cara--a-5 img{
	animation-delay:4500ms;
}

#esol .cara.cara--b-1{
	top:69.7222%;
	left:74.0625%;
	animation-delay:3350ms;
}
#esol .cara.cara--b-1 img{
	animation-delay:4000ms;
}
#esol .cara.cara--b-2{
	top:77.5926%;
	left:74.0625%;
	animation-delay:3400ms;
}
#esol .cara.cara--b-2 img{
	animation-delay:4100ms;
}
#esol .cara.cara--b-3{
	top:85.4630%;
	left:74.0625%;
	animation-delay:3450ms;
}
#esol .cara.cara--b-3 img{
	animation-delay:4200ms;
}
#esol .cara.cara--b-4{
	top:89.8148%;
	left:70.3125%;
	animation-delay:3500ms;
}
#esol .cara.cara--b-4 img{
	animation-delay:4300ms;
}
#esol .cara.cara--b-5{
	top:89.8148%;
	left:65.8854%;
	animation-delay:3550ms;
}
#esol .cara.cara--b-5 img{
	animation-delay:4400ms;
}
#esol .cara.cara--b-6{
	top:89.8148%;
	left:61.4583%;
	animation-delay:3600ms;
}
#esol .cara.cara--b-6 img{
	animation-delay:4500ms;
}



#esol .cara.cara--6{
	width:6.6146%;
	height:23.3333%;
	top:42.037%;
	left:40.0521%;
	animation-delay:2650ms;
}
#esol .cara.cara--6 img{
	animation-name:sipky;
	animation-delay:6s;
	animation-duration:8s;
	animation-iteration-count:infinite;
}
#esol .cara.cara--7{
	width:5.7292%;
	height:23.1481%;
	top:42.1296%;
	left:49.1296%;
	animation-delay:2750ms;
}
#esol .cara.cara--7 img{
	animation-name:sipky;
	animation-delay:4s;
	animation-duration:7s;
	animation-iteration-count:infinite;
	animation-direction:alternate;
}

@-webkit-keyframes cara{
	0%{
		opacity:1;
	}
	40%{
		opacity:1;
	}
	45%{
		opacity:0;
	}
	55%{
		opacity:0;
	}
	60%{
		opacity:1;
	}
	100%{
		opacity:1;
	}
}
@keyframes cara{
	0%{
		opacity:1;
	}
	40%{
		opacity:1;
	}
	45%{
		opacity:0;
	}
	55%{
		opacity:0;
	}
	60%{
		opacity:1;
	}
	100%{
		opacity:1;
	}
}

@keyframes sipky{
	0%{
		opacity:1;
	}
	8%{
		opacity:1;
	}
	9%{
		opacity:0;
	}
	10%{
		opacity:0;
	}
	11%{
		opacity:1;
	}
	15%{
		opacity:1;
	}
	16%{
		opacity:0;
	}
	17%{
		opacity:0;
	}
	18%{
		opacity:1;
	}
	31%{
		opacity:1;
	}
	32%{
		opacity:0;
	}
	33%{
		opacity:0;
	}
	34%{
		opacity:1;
	}
	36%{
		opacity:1;
	}
	37%{
		opacity:0;
	}
	38%{
		opacity:0;
	}
	39%{
		opacity:1;
	}
	40%{
		opacity:0;
	}
	41%{
		opacity:0;
	}
	42%{
		opacity:1;
	}
	85%{
		opacity:1;
	}
	86%{
		opacity:0;
	}
	87%{
		opacity:0;
	}
	88%{
		opacity:1;
	}
	100%{
		opacity:1;
	}
}