/*body { background-color: #f2f2f2;}*/
.tit { width:100%; min-height:calc(100vh - 176px); /*overflow:hidden;*/ }
.la { width:800px; height:110px; overflow:hidden; margin:8vh auto 0 auto; position:relative; transform:scale(100%,100%);animation:ac1 linear 10s;} 
.la div { background-position:top left; background-repeat:no-repeat; background-size:100%; position:absolute; top:0; overflow:hidden;}
.la .na { left:228px;width:340px;height:200px;background-size:340px 200px;;margin:3px 0 0 0;background-image:url(../images/NA.svg);animation:ana normal 6s; opacity:0;}
.la .n1 { left:260px;width:220px;height:90px;background-size:243px 87px;;margin:3px 0 0 0;background-image:url(../images/N1.svg);animation:an1 normal 6s; opacity:0; }
.la .n2 { left:279px; width:130px; height:93px;margin:0;background-size:340px 93px; background-image:url(../images/N2.svg); animation:an2 linear 6s; opacity:0; }
.la .a1 { left:308px; width:220px; height:90px;margin:4px 0 0 0; background-size:244px 86px;background-image:url(../images/A1.svg);animation:aa1 normal 6s; opacity:0;}
.la .a2 { left:384px; width:20px; height:90px;margin:4px 0 0 0; background-size:250px 86px; background-image:url(../images/A2.svg); animation:aa2 linear 6s; opacity:0; }
.la .n2 { left:89px; width:300px;opacity:1;} .la .a2 { width:250px; opacity:1;}
.tit .kn {}
.tit .bt { width:96%; padding:6px 2%; overflow:hidden; position:absolute; bottom:50px; left:0; text-align:center;}
.tit .btn {font-size:18px; color:#fff; background:none; border:2px solid #fff; text-transform:uppercase; display:inline-block; padding:8px 25px; margin:4px 0; text-decoration:none;
 font-family:"Open Sans", Arial, Helvetica, sans-serif; }
.tit .btn:hover { color:#000; background:#fff;}
.tit nav { position:fixed; top:17px; right:26px;}
.tit nav .ms {background-image:url(../images/menu-w.svg);}
.tit nav .mi a { color:#fff;}
h1 { color:#fff; text-align:center; display:none;}
h2 { color:#fff; text-align:center; font-family:"Open Sans", Arial, Helvetica, sans-serif; margin:10px 0; font-size:40px;/*animation:ac2 linear 10s;*/}
.k { width:100%; overflow:hidden; text-align:center;}
.kn {display:inline-block;width:80%;height:calc(100vh - 350px);background:url(../images/katedrala-svateho-vita/ksv-lx.webp) no-repeat;background-position:center center;background-size:contain;
animation:ac3 linear 10s;} 

.tit .w {width:96%; max-width:1140px; height:auto; overflow:hidden; margin:5vh auto;} .tit .w.f { padding:6px 1%; margin-bottom:0;} .tit .w.ac { text-align:center;}
/*.bn, .slide, .slide .c1, .slide .c2, .slide .c {  width:100%; overflow:hidden; height:430px;}
.bn { position:relative; background-color:#000;-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,.35)); filter: drop-shadow(0px 0px 5px gba(0,0,0,.35)); }
.bn .slide { position:absolute; left:0; top:0; background-size:cover; background-position:center center;animation:fade ease-in-out 1s;display:none; cursor:pointer;} .slide.active { display:block;}
.bn .prev, .bn .next {overflow:hidden; background-size:contain; cursor:pointer;  position:absolute; top:50%; width:40px; height:60px; margin-top:-36px; transition: 0.6s ease;
	border-radius:3px;  background-size: 90%; background-repeat:no-repeat; background-position:center center;}
.bn .prev {background-image:url(../images/ico-larr.svg);left:0; border-radius: 0 5px 5px 0;}
.bn .next {background-image:url(../images/ico-rarr.svg);right:0;border-radius: 5px 0 0 5px;}
.bn .prev:hover, .bn .next:hover { background-color: rgba(255,255,255,0.5);}
.bna #ind { width:100%; height:20px; overflow:hidden; text-align:center; margin-top:8px;}
.bna #ind div { display:inline-block; cursor: pointer; width:40px; height:20px; margin:0 3px;}
.bna #ind div span { display:block; width:40px; height:4px; margin-top:8px; background-color: #fff; transition: background-color 0.6s ease;}
.bna #ind div.active span, .bn #ind .div:hover span, .bn #ind .div span:hover { background-color:#cca039;}
*/
.tit h2 { font-weight:300; margin:0 0 .5em 0; text-transform:uppercase; color:#c89f2d; }
.tit .w2 {width:96%; max-width:1140px; height:auto; overflow:hidden; margin:5vh auto; padding:6px 1%;text-align:center;}  
.tit .k { display:inline-block; text-decoration:none; width:260px; height:auto; padding:20px 20px 2px 20px; overflow:hidden; margin:8px 1%; background:rgba(255,255,255,1); 
	box-sizing:border-box; border:1px solid #ccc; transition:all ease-in-out .4s; font-family:"Open Sans", Arial, Helvetica, sans-serif;position:relative;
	-webkit-filter: drop-shadow(0px 0px 5px rgba(0,0,0,.35)); filter: drop-shadow(0px 0px 5px gba(0,0,0,.35));}
.tit .w2 .k {margin:8px .8%;}
.tit .k:hover { box-shadow:0 0 12px #999; }
.tit .i { width:100%; height:261px; overflow:hidden; }
.tit .i img { width:100%; height:auto;}
.tit .c { padding:4px 2px; box-sizing:border-box; text-align:center; color:#fff; background:#ac8019;}
.tit .c span { text-decoration:line-through;text-decoration-color: red;}
.tit .t { display:table; width:100%; height:60px;}
.tit h1 { display:none;}
.tit h3 { display:table-cell; width:100%; height:60px; vertical-align:middle; text-align:center; font-weight:300; color:#666; margin:.5em 0; line-height:1.3; }
.tit .l { position:absolute; top:33px; right:0; font-size:13px; overflow:hidden; padding:2px 7px 3px 7px; color:#fff; background:rgba(180,153,55,.6);text-shadow:1px 1px #333;}

.tit-n {width: 100%; height: auto; overflow: hidden; background-color: #fff;}
.tit-n h2 { margin:0; padding:1.1em 0 .4em 0; color:#a18060; background:#fff; text-align:center; font-size:40px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight:300; border-top: 10px solid #a18060;}
.tit-n .dls { text-align:center; margin:3em 0 4em 0; }
.tit-n .dls a { display:inline-block; color:#a18060; font-size:22px; text-decoration:none; font-family: Roboto, Arial, Helvetica, sans-serif; padding:.4em 1.5em .5em 1.5em;
	border:1px solid #a18060; border-radius:12px; }
.tit-n .dls a:hover { color:#fff; background:#a18060;}
/* header nav .mi a { color:#cca039; text-shadow:1px 1px #444;} */

.bns {overflow:hidden; position:relative; margin:0 auto 10px auto;}
.bns .con {overflow:auto;}
.bns .ban, .bns .buz {overflow:auto; display:none; position:relative; animation:fade ease-in-out 1s;}
.bns .ban.active, .bns .buz.active { display:block;}
.bns .ban .bg { background-size:cover; background-position:center center; background-repeat:no-repeat;}
.bns .ban .bg, .bns .buz .bg, .bns .ban .bgu { overflow:hidden; position:absolute; left:0; top:0;}
.bns .ban .bg img { width:100%; height:auto;}
.bns .ban .bg video { width:165%; margin:0 auto; }
.bns, .bns .con, .bns .ban, .bns .ban .bg, .bns .ban .fg,  .bns .buz,.bns .buz .bg, .bns .buz .fg, .bns .ban .bgu {width:100%; height:30vw; max-height:540px;}
.bns .ban .fg {width:96%; max-width:1140px; overflow:hidden; margin:0 auto; position:relative;}

.bns .arr {position:absolute;top:50%;width:44px;height:44px;margin-top:-39px;transition:0.6s ease;border-radius:50%;cursor:pointer;background-color:rgba(255,255,255,.25);background-size:60%;  background-repeat:no-repeat; }
.bns .arr.l { left:3px; background-image:url(../images/ico-larr3.svg); background-position:40% center; }
.bns .arr.r { right:3px;background-image:url(../images/ico-rarr3.svg); background-position:55% center;}
.bns .arr:hover {background-color:rgba(255,255,255,.6);}

#ind { width:100%; height:20px; overflow:hidden; text-align:center; margin:6px 0;}
#ind div { display:inline-block; cursor: pointer; width:60px; height:20px; margin: 0 3px; }
#ind div span { display:block; width:60px; height:5px; margin-top:8px; background-color: #bbb; transition: background-color 0.6s ease;}
#ind div.active span, .bns #ind .div:hover span { background-color:#cca039;}

/*footer { position:absolute; bottom:8px; left:0; background-color:transparent; min-height:0;text-align:center;}*/
@keyframes ana { 0% {opacity:0;left:228px;width:340px;height:200px;background-size:340px 200px;} 14%,18% {opacity:1;left:228px;width:340px;height:200px;background-size:340px 200px;} 
	35%,37% {opacity:1; left:321px;width:160px;height:90px;background-size:156px 88px;} 38%,100% {opacity:0}}
@keyframes an1 { 0%,36% {opacity:0} 37%,39% {opacity:1;left:260px;transform:skewX(0deg);} 
	53% {opacity:1;left:243px; transform:skewX(21deg);background-size:248px 88px;} 56% {opacity:0;left:243px; transform:skewX(21deg);background-size:248px 88px;} 100% {opacity:0}}
@keyframes an2 { 0%,51% {opacity:0;left:279px; width:130px;background-size:340px 93px;} 55%,56% {opacity:1;left:279px; width:130px;background-size:340px 93px;} 
84%,100% {opacity:1;left:89px; width:300px;} } @keyframes aa1 { 0%,31% {opacity:0} 37%,89% {opacity:1} 95%,100% {opacity:0}}
@keyframes aa2 { 0%,35% {opacity:0} 36%,84% {opacity:1;width:18px;} 100% {opacity:1;width:250px;}}
@keyframes ac1 { 0%,22% {height:203px; transform:scale(150%,150%); margin-top:calc(50vh - 100px);} 
35%,60% {height:110px;margin-top:calc(50vh - 100px);transform:scale(150%,150%); } 70% {height:110px;margin-top:8vh;transform:scale(100%,100%);}}
@keyframes ac2 { 0%,66% {opacity:0} 76%,100% {opacity:1}}
@keyframes ac3 { 0%,76% {height:0;} 86%,100% {height:calc(100vh - 350px);}}
@media (max-width: 799px) {
.la { margin:8vh 0 0 -26vw;} 
/*@keyframes ac1 { 0%,22% {height:53px; transform:scale(67.5%,67.5%); margin-top:calc(50vh - 50px);} 
35%,60% {height:50px;margin-top:calc(50vh - 50px);transform:scale(67.5%,67.5%); } 70% {height:50px;margin-top:8vh;transform:scale(45%,45%);}}*/
}

@media (max-width: 570px) {
.bns, .bns .con, .bns .ban, .bns .ban .bg, .bns .ban .fg,  .bns .buz,.bns .buz .bg, .bns .buz .fg, .bns .ban .bgu { height:100vw; }
#ind div, #ind div span { width:40px;}
}
@media (max-width: 420px) {
/*.tit { height:92vh;}
.tit .c { padding:5px 2px; font-size:17px;}*/
.la { margin:8vh 5vw 0 -58vw;transform:scale(64%,64%);} 
h2 { font-size:34px;margin:5px 0;}
/* .tit .bt { bottom:60px;} */
.kn {height:calc(100vh - 410px);} 
@keyframes ac1 { 0%,22% {height:203px; transform:scale(92%,92%); margin-top:calc(50vh - 100px);} 
35%,60% {height:110px;margin-top:calc(50vh - 100px);transform:scale(92%,92%); } 70% {height:110px;margin-top:8vh;transform:scale(64%,64%);}}
@keyframes ac3 { 0%,76% {height:0;} 86%,100% {height:calc(100vh - 410px);}}
}