﻿#operace .bg.bg--0{
	background-color:#d5f4fb;
}
#operace .bg.bg--1{
	background-image:url('../../scene/medicina/operace/images/bg.png');
}
#operace .mrak{
	position:absolute;
	animation-name:op-mrak;
	animation-fill-mode:both;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}
#operace #mrak-1{
	top:20%;
	left:105%;
	width:22.2917%;
	height:23.8889%;
	animation-delay:0s;
	animation-duration:20s;
}
#operace #mrak-2{
	top:3.3333%;
	left:105%;
	width:9.7396%;
	height:10%;
	animation-delay:6s;
	animation-duration:22s;
}
@keyframes op-mrak{
	0%{
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
	100%{
		-webkit-transform: translateX(-200%);
		transform: translateX(-200%);
	}
}
#operace #svetlo-1{
	position:absolute;
	width:6.8750%;
	height:8.6111%;
	top:58.4259%;
	left:32.5521%;
	animation-name:zdpr-svetlo-1;
	animation-delay:1s;
	animation-duration:1s;
	animation-fill-mode:both;
}
#operace #svetlo-2{
	position:absolute;
	width:8.4375%;
	height:5.6481%;
	top:63.4259%;
	left:49.6875%;
	animation-name:show;
	animation-delay:2500ms;
	animation-duration:2s;
	animation-fill-mode:both;
}
#operace #deka{
	position:absolute;
	top:74.5370%;
	left:47.4479%;
	width:10.7292%;
	height:4.2593%;
	animation-name:show;
	animation-delay:2500ms;
	animation-duration:2s;
	animation-fill-mode:both;
}
#operace .rucicka{
	position:absolute;
	top:56.2963%;
	left:61.4583%;
	width:4.375%;
	height:7.7778%;
}

#operace .wifi-bar{
	position:absolute;
	
	animation-name:show;
	animation-duration:1s;
	animation-fill-mode:both;
}
#operace .wifi-bar path{
	fill:#d62121;
}
#operace #wifi-bar-1{
	top:13.9%;
	left:12.2%;
	width:3.0048%;
	height:5.7367%;
	animation-delay:1s;
}
#operace #wifi-bar-2{
	top:19.9%;
	left:72.2%;
	width:2.6042%;
	height:4.8309%;
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
	animation-delay:3s;
}
#operace #wifi-bar-3{
	top:74.25%;
	left:9.9%;
	width:3.105%;
	height:6.0386%;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	animation-delay:5s;
}

#operace .check{
	position:absolute;
	width:0.8854%;
	height:1.7593%;
	animation-name:show;
	animation-duration:500ms;
	animation-fill-mode:both;
}
#operace .check.check--1{
	top:15.6481%;
	left:26.0938%;
	animation-delay:2600ms;
}
#operace .pc.pc--1{
	top:13.8889%;
	left:77.8125%;
}
#operace .pc.pc--1 img.pc__img-1{
	animation-delay:5s;
}
#operace .pc.pc--1 img.pc__img-2{
	animation-delay:7s;
}

#operace .pc.pc--2{
	top:67.2222%;
	left:14.2188%;
}
#operace .pc.pc--2 img.pc__img-1{
	animation-delay:7s;
}
#operace .pc.pc--2 img.pc__img-2{
	animation-delay:9s;
}

#operace .krivka-cover{
	position:absolute;
	width:2.8646%;
	height:3.1481%;
	top:70.9259%;
}
#operace .krivka-cover.krivka-cover--left{
	left:21.25%;
}
#operace .krivka-cover.krivka-cover--right{
	left:26.4063%;
}

#operace .cardio{
	position:absolute;
	left:24.1146%;
	width:3.6458%;
}
#operace .cardio.cardio--1{
	top:71.2037%;
	height:0.5556%;
}
#operace .cardio.cardio--2{
	top:72.1296%;
	height:0.9259%;
}
#operace .cardio.cardio--3{
	top:73.5185%;
	height:0.3704%;
}

#operace .cardio-cover{
	position:absolute;
	width:1.1458%;
	height:0.9259%;
	left:22.8646%;
	animation-name:zdpr-cardio-cover;
	animation-duration:4s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
}
#operace .cardio-cover.cardio-cover--1{
	top:71.0185%;
}
#operace .cardio-cover.cardio-cover--2{
	top:72.1296%;
}
#operace .cardio-cover.cardio-cover--3{
	top:73.1481%;
	animation-duration:5s;
	animation-delay:500ms;
}

#operace #doktor{
	position:absolute;
	width:11.5104%;
	height:37.2222%;
	top:61.1111%;
	left:75.3646%;
}
#operace #karta{
	position:absolute;
	width:5.3646%;
	height:3.7037%;
	top:64.7222%;
	left:76.8229%;
	animation-name:show;
	animation-duration:500ms;
	animation-delay:4000ms;
	animation-fill-mode:both;
}

#operace .check.check--2{
	top:64.4444%;
	left:74.8438%;
	animation-delay:4600ms;
}
#operace .check.check--3{
	top:67.5926%;
	left:74.8438%;
	animation-delay:8500ms;
}
#operace .check.check--4{
	top:70.8333%;
	left:74.8438%;
	animation-delay:4800ms;
}
#operace .check.check--5{
	top:74.0741%;
	left:74.8438%;
	animation-delay:4900ms;
}
#operace .check.check--6{
	top:70.83333%;
	left:81.3021%;
	animation-delay:5000ms;
}
#operace .check.check--7{
	top:74.0741%;
	left:81.3021%;
	animation-delay:5100ms;
}

#operace .pouzito{
	position:absolute;
	width:2.0833%;
	height:1.0185%;
	animation-name:show;
	animation-duration:500ms;
	animation-fill-mode:both;
}
#operace .pouzito.pouzito--1{
	top:65%;
	left:72.3438%;
	animation-delay:4600ms;
}
#operace .pouzito.pouzito--2{
	top:68.1481%;
	left:72.3438%;
	animation-delay:8500ms;
}
#operace .pouzito.pouzito--3{
	top:71.3889%;
	left:72.3438%;
	animation-delay:4800ms;
}
#operace .pouzito.pouzito--4{
	top:74.6296%;
	left:72.3438%;
	animation-delay:4900ms;
}
#operace .pouzito.pouzito--5{
	top:71.3889%;
	left:78.75%;
	animation-delay:5000ms;
}
#operace .pouzito.pouzito--6{
	top:74.6296%;
	left:78.75%;
	animation-delay:5100ms;
}

#operace #klik{
	position:absolute;
	width:0.55729%;
	height:2.0370%;
	top:68.0556%;
	left:74.6875%;
	opacity:0;
	visibility:visible;
	animation-name:med-klik;
	animation-duration:500ms;
	animation-delay:8000ms;
}
@keyframes med-klik{
	0%{
		opacity:0;
	}
	5%{
		opacity:1;
	}
	95%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}


#operace #btn-popup-op-popup-1{
	top:12%;
	left:27.2%;
}
#operace #btn-popup-op-popup-2{
	top:12%;
	left:75%;
}
#operace #btn-popup-op-popup-3{
	top:63%;
	left:15%;
}