#html5-banner-16-981 {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
height:256px;
overflow:hidden;
}

#html5-banner-16-981 ul{
background-image: url(../../mbimg-back-519x256-3206.jpg); background-repeat:no-repeat;
height:256px;
width:519px;
position:relative;
overflow:hidden;
display:block;
margin:0;
padding:0;
}

#html5-banner-16-981 li{
overflow:hidden;
position:absolute;
height:256px;
width:519px;
top:0px;
left:0px;
list-style: none outside none;
margin:0;
padding:0;
}

#html5-banner-16-981 li img{
height:256px;
width:100%;
margin:0;
padding:0;
}

@keyframes transitionNone-16-981 {
0% {visibility:hidden;}
1% {visibility:visible;}
}

@keyframes transitionTB-16-981 {
0% {top: -256px;}
100% {top: 0px;}
}

@keyframes transitionBT-16-981 {
0% {top: 256px;}
100% {top: 0px; }
}

@keyframes transitionLR-16-981 {
0% {left: -519px; }
100% {left: 0px;}
}

@keyframes transitionRL-16-981 {
0% {left: 519px;}
100% {left: 0px;}
}

@keyframes transitionAlpha-16-981 {
0% {opacity:0;}
100% {opacity:1;}
}

@keyframes transitionBubbles-16-981 {
 0% {border-radius: 100%; transform: scale(0);}
 100% {border-radius: 0%; transform: scale(1);}
}

@keyframes transitionBricks-16-981 {
0% {transform: scale(0);}
100% {transform: scale(1);}
}

@keyframes effectNone-16-981 {
}

@keyframes effectBlur-16-981 {
0% {filter: blur(10px);}
25% {filter: blur(0px);}
}

@keyframes effectScaleDown-16-981 {
0% {transform: scale(1.5);}
80% {transform: scale(1); }
}

@keyframes effectBlackWhite-16-981 {
0% {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
25% {  
filter: none;
-webkit-filter: grayscale(0%);}
}

@keyframes effectPixelate-16-981 { /*nic moc ale použitelné*/
0% {
transform: scale(20);
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
}
50% {
transform: scale(1);
image-rendering: auto;
}
}


@keyframes effectDropCircle-16-981 {
}

.eff1xeffectDropCircle {
position: absolute;  
width: 100px;
height: 100px;
margin: auto; 
top: 0; left: 0; bottom: 0; right: 0;
opacity: 0;
border: 3px solid rgba(255,255,255,.1);
border-radius: 999px;
box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
box-sizing: border-box;
animation: DropCircle-16-981 4s linear infinite;
}

@keyframes DropCircle-16-981 {
0% {
transform: scale(0.04);
opacity: 0;
}

50% {
transform: scale(0.04);
opacity: 0;
}

60% {
transform: scale(0.53);
opacity: .1;
}

70% {
transform: scale(1.77);
opacity: .25;
}

80% {
transform: scale(3.81);
opacity: .1;
}

100% {
transform: scale(7.52);
opacity: 0;
}
}

.eff2xeffectDropCircle-16-981{
position: absolute;
width: 100px;
height: 100px;
margin: auto; 
top: 0; left: 0; bottom: 0; right: 0;
opacity: 0;
border: 1px solid rgba(255,255,255,0);
border-radius: 999px;
box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
box-sizing: border-box;
animation: DropCircle1-16-981 4s linear infinite;
}

@keyframes DropCircle1-16-981 {
0% {
transform: scale(0.04);
opacity: 0;
}
40% {
transform: scale(0.26);
opacity: .05;
}
50% {
transform: scale(1);
opacity: .1;
}
60% {
transform: scale(1.77);
opacity: .3;
}
80% {
transform: scale(2.98);
opacity: .1;
}
100% {
transform: scale(4.82);
opacity: 0;
}
}

.eff1xeffectSnow-16-981{
background: url("/mbfile-efekt-snezeni-male-3201.svg") repeat;
animation: snow-16-981 120s linear infinite;
}

.eff2xeffectSnow-16-981{
background: url("/mbfile-efekt-snezeni-stredni-3200.svg") repeat;
animation: snow-16-981 60s linear infinite;
}

.eff3xeffectSnow-16-981{
background: url("/mbfile-efekt-snezeni-velke-3199.svg") repeat;
animation: snow-16-981 30s linear infinite;
}

.eff1xeffectSnow-16-981, .eff2xeffectSnow-16-981, .eff3xeffectSnow-16-981{
background-size: 50%;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

@keyframes snow-16-981{
0% { background-position: 0% 0px; }
100% {
background-position: 0% 1000px;
background-position: 0% calc(256px * 5);
}
}

@keyframes effectLensRay-16-981{
}

.eff1xeffectLensRay-16-981{
background:url("/mbfile-efekt-cocka-odlesk-3202.png") repeat 0px 0px;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
position : absolute;
top: -25%;
left: -20%;
height:256px;
width:100%;
animation: lensflare-16-981 20s ease-in infinite;
animation-fill-mode: none;
animation-delay:1s;
transform-origin: 50% 50%;
opacity: 0.1;
}

@keyframes lensflare-16-981 {
0% {
transform: rotate(0deg) scale(1.0); 
opacity: 0.1;
}
30% {opacity: 0.7;}
50% {transform: rotate(-30deg) scale(2.6); }
100% {
transform: rotate(0deg) scale(1.0); 
opacity: 0.1;
}
}

.eff2xeffectLensRay-16-981{
background:url("/mbfile-efekt-cocka-kruh-3203.png") repeat 0px 0px;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
position : absolute;
top: -25%;
left: -20%;
height:256px;
width:100%;
animation: lensflare1-16-981 20s ease-in infinite;
animation-play-state: inherit;
animation-fill-mode: none;
animation-delay:1s;
transform-origin: 50% 50%;
}

@keyframes lensflare1-16-981 {
0% {
transform: scale(1.0);
opacity: 1;
}
50% {
transform: scale(4.0);
opacity: 0.6;
}
100% {
transform: scale(1.0);
opacity: 1;
}
}

