#html5-banner-9-2 {




height:369px;
overflow:hidden;
}

#html5-banner-9-2 ul{

height:369px;
width:1010px;
position:relative;
overflow:hidden;
display:block;
margin:0;
padding:0;
}

#html5-banner-9-2 li{
overflow:hidden;
position:absolute;
height:369px;
width:1010px;
top:0px;
left:0px;
list-style: none outside none;
margin:0;
padding:0;
}

#html5-banner-9-2 li img{
height:369px;
width:100%;
margin:0;
padding:0;
}

@keyframes transitionNone-9-2 {
0% {visibility:hidden;}
1% {visibility:visible;}
}

@keyframes transitionTB-9-2 {
0% {top: -369px;}
100% {top: 0px;}
}

@keyframes transitionBT-9-2 {
0% {top: 369px;}
100% {top: 0px; }
}

@keyframes transitionLR-9-2 {
0% {left: -1010px; }
100% {left: 0px;}
}

@keyframes transitionRL-9-2 {
0% {left: 1010px;}
100% {left: 0px;}
}

@keyframes transitionAlpha-9-2 {
0% {opacity:0;}
100% {opacity:1;}
}

@keyframes transitionBubbles-9-2 {
 0% {border-radius: 100%; transform: scale(0);}
 100% {border-radius: 0%; transform: scale(1);}
}

@keyframes transitionBricks-9-2 {
0% {transform: scale(0);}
100% {transform: scale(1);}
}

@keyframes effectNone-9-2 {
}

@keyframes effectBlur-9-2 {
0% {filter: blur(10px);}
25% {filter: blur(0px);}
}

@keyframes effectScaleDown-9-2 {
0% {transform: scale(1.5);}
80% {transform: scale(1); }
}

@keyframes effectBlackWhite-9-2 {
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-9-2 { /*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-9-2 {
}

.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-9-2 4s linear infinite;
}

@keyframes DropCircle-9-2 {
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-9-2{
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-9-2 4s linear infinite;
}

@keyframes DropCircle1-9-2 {
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-9-2{
background: url("/mbfile-efekt-snezeni-male-13.svg") repeat;
animation: snow-9-2 120s linear infinite;
}

.eff2xeffectSnow-9-2{
background: url("/mbfile-efekt-snezeni-stredni-12.svg") repeat;
animation: snow-9-2 60s linear infinite;
}

.eff3xeffectSnow-9-2{
background: url("/mbfile-efekt-snezeni-velke-11.svg") repeat;
animation: snow-9-2 30s linear infinite;
}

.eff1xeffectSnow-9-2, .eff2xeffectSnow-9-2, .eff3xeffectSnow-9-2{
background-size: 50%;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}

@keyframes snow-9-2{
0% { background-position: 0% 0px; }
100% {
background-position: 0% 1000px;
background-position: 0% calc(369px * 5);
}
}

@keyframes effectLensRay-9-2{
}

.eff1xeffectLensRay-9-2{
background:url("/mbfile-efekt-cocka-odlesk-14.png") repeat 0px 0px;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
position : absolute;
top: -25%;
left: -20%;
height:369px;
width:100%;
animation: lensflare-9-2 20s ease-in infinite;
animation-fill-mode: none;
animation-delay:1s;
transform-origin: 50% 50%;
opacity: 0.1;
}

@keyframes lensflare-9-2 {
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-9-2{
background:url("/mbfile-efekt-cocka-kruh-15.png") repeat 0px 0px;
background-size: 100%;
background-repeat: no-repeat;
background-position: 50% 50%;
position : absolute;
top: -25%;
left: -20%;
height:369px;
width:100%;
animation: lensflare1-9-2 20s ease-in infinite;
animation-play-state: inherit;
animation-fill-mode: none;
animation-delay:1s;
transform-origin: 50% 50%;
}

@keyframes lensflare1-9-2 {
0% {
transform: scale(1.0);
opacity: 1;
}
50% {
transform: scale(4.0);
opacity: 0.6;
}
100% {
transform: scale(1.0);
opacity: 1;
}
}