@import url(https://fonts.googleapis.com/css?family=Bona+Nova:200,300,400,500);
@import url(https://fonts.googleapis.com/css?family=Jost:200,300,400,500,600,700);
body { margin:0; -webkit-font-smoothing: antialiased;}
.gohome{ display:block; width:80px; height:80px; cursor:pointer; overflow:hidden; border-radius:50%; position:fixed; top:8px; left:50%; margin-left:-40px;
	background:#fff url(https://www.luxusnakniznica.sk/images/logo.png) no-repeat center center; background-size:contain; }
img.res { width:100%; height:auto;} .bl { width:100%; height:auto; overflow:hidden; }
nav { top:-73px; background:rgba(230,230,230,.9); transition: all 0.4s ease-in-out; padding:0; width:100%; left:0; margin-left:0;}
nav ul { margin:0!important;} .gohome:hover ~ nav {top:0;} nav:hover {top:0;}
.kwrap { width:/*96%*/1400px; height:auto; overflow:hidden; max-width:1400px; margin:0 auto;} body { background:#fff;}
.w { width:1400px/*100%*/; height:auto; overflow:hidden; max-width:1400px; margin:0 auto; position:relative;}
section { width:100%; overflow:hidden;}
h1,h2,h3 { font-family:"Bona Nova", "Times New Roman", Times, serif;}
p, li { font-family:Jost, Arial, Helvetica, sans-serif; font-weight:400; font-size:16px;} 
#s1 {  background:#080606;}
#s1 .w { color:#cca039; background:url(../images/katedrala-svateho-vita/uvod.webp) no-repeat; background-size:100%; background-position:right top; animation:uv1 linear 6s;}
#s1 .c1 { width:44%; overflow:hidden; position:relative; margin:1em 0 0 5%;}
#s1 h1 { font-size:84px; font-weight:500; margin:45px 0; letter-spacing:1px;animation:uv3 linear 6.7s;}
#s1 h2 { font-size:23px; text-align:center; font-weight:200; letter-spacing:2px; margin:10px 0 40px 0;animation:uv4 linear 7.5s; }
#s1 .le { font-size:16px; text-transform:uppercase; margin:10px 0; letter-spacing:2px; animation:uv2 linear 6s;font-family:"Bona Nova", "Times New Roman", Times, serif;}
#s1 .c11 { width:340px; height:454px; overflow:hidden; background:url(../images/katedrala-svateho-vita/ksv-lx.webp) no-repeat; background-size:contain; float:left;animation:uv5 linear 8.3s;}
#s1 .c12 { font-family:Jost, Arial, Helvetica, sans-serif; font-weight:200; letter-spacing:1px; margin-top:360px;animation:uv6 linear 9s;} 
#s2 { background:#080606;}
#s2 .w { color:#cca039; background:url(../images/katedrala-svateho-vita/hradcany1400.jpg) no-repeat; background-size:cover; background-position:right top; height:1262px; position:relative;}
#s2 h2 { font-size:45px; font-weight:500; letter-spacing:1px; line-height:1.5; margin:6vh 0 0 5%; }
#s2 .c { width:44%; overflow:hidden; position:absolute; right:4%; bottom:4vh; }
#s2 p { font-size:26px; letter-spacing:1px; line-height:1.5; margin-bottom:10px; font-family:"Bona Nova", "Times New Roman", Times, serif;}
#s2 h3 { font-size:21px; font-weight:200; letter-spacing:1px; padding-top:24px; border-top:2px solid #cca039;}
#s2 h4 { font-size:14px; font-weight:200; letter-spacing:1px;font-family:"Bona Nova", "Times New Roman", Times, serif; text-transform:uppercase;}
#s3 { background:#fff;}
#s3 .c1 { width:36%; overflow:hidden; position:relative; margin:60px 0 60px 5%; float:left;}
#s3 h2 { font-size:53px; font-weight:500; line-height:1.2; margin:.5em 0 1em 0; color:#cca039;}
#s3 p { line-height:1.8; font-size:18px;} 
#s3 .c2 { width:600px; height:808px; overflow:hidden;margin:60px 5% 60px 0; position:relative; float:right;}
#s3 .c2 div {width:100%;height:808px;overflow:hidden;position:absolute;left:0;top:0;background-size:100%;background-position:center center;background-repeat:no-repeat;animation-name:none;
 box-sizing:border-box;}
#s3 .c2 div:nth-child(1) { background-image:url(../images/katedrala-svateho-vita/zoom/11.webp); animation: z11 ease-in-out infinite 20s;}
#s3 .c2 div:nth-child(2) { background-image:url(../images/katedrala-svateho-vita/zoom/12.webp); opacity:0; animation: z12 ease-in-out infinite 20s;}
#s3 .c2 div:nth-child(3) { background-image:url(../images/katedrala-svateho-vita/zoom/13.webp); opacity:0; animation: z13 ease-in-out infinite 20s;}
#s4 { background:#fff;}
#s4 .c1 { width:600px; overflow:hidden; position:relative; margin:10px 5% 60px 0; float:right;}
#s4 h2 { font-size:59px; font-weight:500; line-height:1.2; margin:.5em 0 .5em 0; color:#cca039;}
#s4 .c1 h3 { font-size:22px; font-family:Jost, Arial, Helvetica, sans-serif; font-weight:500; margin:2em 0 .5em 0; color:#cca039; letter-spacing:4px;}
#s4 .c1 p { line-height:1.6; font-size:18px;} 
#s4 ul { margin-left:-17px;}
#s4 li { font-family:Jost, Arial, Helvetica, sans-serif; font-weight:400; line-height:1.5; font-size:19px;color:#cca039; margin-bottom:.5em;} 
#s4 .c2 { width:45%; height:730px; overflow:hidden;margin:10px 0% 10px 5%; background:url(../images/katedrala-svateho-vita/ksv-lx.webp) no-repeat; background-size:contain; float:left;}
#s4 .c3 { width:90%; height:auto; overflow:hidden; margin:1px 5% 60px 5%;}
#s4 .c3 h3 { font-family:Jost, Arial, Helvetica, sans-serif; font-weight:500; line-height:1.6; font-size:19px;color:#cca039;} 
#s4 .c3 .gal a { display:block; border:1px solid #cca039; margin-right:15px; float:left;}
#s4 .c3 .gal a img { height:88px;}
#s4 .c3 .gal a:nth-child(1) img { height:88px; }
#s4 .c3 .gal a:nth-child(1) { height:88px; padding:13px 14px;}
#s4 .c3 .gal a:nth-child(2) img { height:89px;}
#s4 .c3 .gal a:nth-child(2) { height:89px;padding:12px 8px 13px 8px;}
#s4 .c3 .gal a:nth-child(3) { height:88px;padding:22px 8px 21px 8px;}
#s4 .c3 .gal a:nth-child(5) img { height:92px;}
#s4 .c3 .gal a:nth-child(5) { height:92px;padding:11px 7px 11px 7px;}
#s4 .c3 .gal a.h { display:none;}
#s4 .c3 a.btn { text-decoration:none; color:#cca039; display:block; padding:7px 40px;  float:right; font-family:Jost, Arial, Helvetica, sans-serif; font-weight:500; font-size:17px;
	letter-spacing:2px;}
#s4 .c3 a.btn:hover { color:#fff; background:#cca039;}
#s5 { padding:50px 0;}
#s5 .c { width:90%; overflow:hidden; margin:0 auto;}
#s5 .parallax-window { height:90vh; max-width:100%; background: transparent;}
#s6 { }
#s6 h2 { font-size:59px; font-weight:500; line-height:1.2; margin:.5em 0 .5em 0; color:#cca039;}
#s6 .c { width:90%; overflow:hidden; margin:20px auto 60px auto;}
#s6 .c p { line-height:1.6; font-size:18px;} 
#s6 .c p.m { max-width:800px;}
#s6 .c1 { width:39%; overflow:hidden; margin:30px 0; float:left;}
#s6 .c1 p { line-height:1.5;font-size:17px;} 
#s6 input[type="radio"] { display:none; height:0;}
#s6 label { display:block; margin-bottom:2em;}
#s6 label div.gb { display:none;transition:all ease .8s; margin-bottom:1em;}
#s6 label h3 { color:#cca039; font-size:28px; font-weight:500; margin:0; padding:0 0 .5em 2px; border-bottom:1px solid #cca039; cursor:pointer;}
#s6 label h3 span { display:block; width:32px; height:32px; background:url(../images/katedrala-svateho-vita/vyber2.webp) no-repeat; background-size:contain; margin-right:.7em; float:right; }
#s6 input[type="radio"]:checked + label div.gb { display:block; }
#s6 input[type="radio"]:checked + label h3 { color:#fff; background:#cca039; padding:.6em .8em;}
#s6 input[type="radio"]:checked + label h3 span { background-image:url(../images/katedrala-svateho-vita/vyber1.webp); margin-right:0;}
#s6 .c2 { width:58%; min-height:100px; max-width:730px;overflow:hidden; float:right;margin:29px 0;}
#s6 .c2 .cont { width:100%; height:487px; overflow:hidden; position:relative;  }
#s6 .c2 .inds { width:100%; overflow:hidden; text-align:center; margin-top:20px; display:none; }
#s6 .c2 .inds.a { display:block;}
#s6 .c2 .inds span  { display:inline-block; cursor:pointer; }
#s6 .c2 .inds span div { width:10px; height:10px; border-radius:5px; margin:10px; background:#ccc; }
#s6 .c2 .inds span.a div {background:#cca039;}
#s6 .c2 a { display:none; width:100%; overflow:hidden; position:absolute; left:0; top:0; transition:all ease .8s; opacity:0; }
#s6 .c2 a.a { display:block; opacity:1;} 
#s6 .c2 a em {display: block; width: 28px; height: 22px;background: url(../images/lupa.png) no-repeat; background-size: contain; position: absolute; bottom:12px;right:6px;}
#s7 { background:#080606;}
#s7 .c1 { width:48%; max-width:670px; overflow:hidden; margin-bottom:-6px; float:left;}
#s7 .c2 { width:48%; overflow:hidden; float:right;}
#s7 .c2 div { width:100%; overflow:hidden; margin:4.1em 0 2.7em 0;}
#s7 .c2 div a { display:block; width:12%; float: left;}
#s7 .c2 div a img { width:50%}
#s7 .c2 div h3 { width:88%; color:#cca039; text-transform:uppercase; font-size:32px; font-weight:300; line-height:1.5; margin:0; float:left;}
#s8 { background:#fff;}
#s8 .c { width:90%; overflow:hidden; margin:60px 5%; }
#s8 .c1 { width:48%; overflow:hidden; float:left;}
#s8 .c1 h2 { font-size:59px; font-weight:500; line-height:1.2; letter-spacing:1px; margin:.5em 0 .5em 0; color:#cca039;}
#s8 .c1 p {  line-height:1.6; font-size:18px;} 
#s8 .c2 { width:48%; overflow:hidden; float:right; text-align:right;}
#s8 .c .bl { margin-bottom:60px;}
#s8 .c3 { width:31%; overflow:hidden; float:left; text-align:center;}
#s8 .c3.s { margin:0 3.5%;}
#s8 .c3 h3 { font-size:31px; font-weight:500; line-height:1.2; letter-spacing:1px; margin:.5em 0 .5em 0; color:#cca039;}
#s8 .c3 h4 { font-size:22px; font-weight:500; margin:.5em 0 3em 0; color:#cca039;}
#s8 .c3 p { font-family:Jost, Arial, Helvetica, sans-serif; font-weight:400; line-height:1.5; font-size:17px;} 
#s9 { background:#fff;}
#s9 .c { width:90%; overflow:hidden; margin:60px 5%; position:relative; }
#s9 h2 { font-size:50px; font-weight:500; line-height:1.2; letter-spacing:1px; margin:.5em 0 .5em 0; color:#cca039;}
#s9 .c1 { width:32%; padding:1.5em 2.5% 1em 2.5%; overflow:hidden; position:absolute; left:0; top:295px; background:rgba(204, 160, 57,.85); z-index:30; transition:all ease-in-out 1s;}
#s9 .c1.a  { /*width:15.6%; top:139px; height:559px;*/}
#s9 .c1 h3 { font-size:17px; font-weight:400; line-height:1.2; letter-spacing:1px; padding-top:1em; margin:1em 0 0 0; color:#000; text-align:right; border-top:1px solid #000;}
#s9 .c1 p { font-size:22px; font-weight:400; line-height:1.5; margin:0; }
#s9 .c2 { width:85%; min-height:100px; max-width:1000px;overflow:hidden; float:right;margin:29px 0;}
#s9 .c2 .cont { width:100%; height:668px; overflow:hidden; position:relative;  }
#s9 .c2 .cont a img { width:100%;}
#s9 .c2 .inds { width:100%; overflow:hidden; text-align:center; margin-top:20px; }
#s9 .c2 .inds.a { display:block;}
#s9 .c2 .inds span  { display:inline-block; cursor:pointer; }
#s9 .c2 .inds span div { width:10px; height:10px; border-radius:5px; margin:10px; background:#ccc; }
#s9 .c2 .inds span.a div {background:#cca039;}
#s9 .c2 a { display:block; width:100%; overflow:hidden; position:absolute; left:0; top:0; transition:all ease .8s; opacity:0; }
#s9 .c2 a.a { opacity:1;} 
#s9 .c2 a em {display: block; width: 28px; height: 22px;background: url(../images/lupa.png) no-repeat; background-size: contain; position: absolute; bottom:12px;right:6px;}
#s10 { background:#fff;}
#s10 .c { width:90%; overflow:hidden; margin:50px auto 70px auto; }
#s10 h2 { font-size:59px; font-weight:500; line-height:1.2; margin:.5em 0 .5em 0; color:#cca039;}
#s10 .c1 { width:46%; overflow:hidden; float:left;}
#s10 .c1 p {  line-height:1.6; font-size:18px;} 
#s10 .c2 { width:40%; overflow:hidden; float:right; text-align:right; margin-bottom:20px;}
#s10 .c2 img { width:100%; max-width:600px;}
#s11 { background:#000;}
#s11 .c { width:90%; overflow:hidden; margin:0 auto -6px auto;}
#s11 .c img { width:100%;}
#s12 { background:#fff;}
#s12 h2 { font-size:59px; font-weight:500; line-height:1.2; margin:1.5em 5% .2em 5%; color:#cca039; }
#s13 { background:#080606;}
#s13 .c { width:90%; overflow:hidden; margin:50px auto 70px auto; }
#s13 h2 { font-size:52px; font-weight:500; line-height:1.4; margin:.5em 0 .5em 0; color:#cca039; text-align:center;}
#s13 .c div {display:block; width:150px; height:150px;background: url(../images/katedrala-svateho-vita/3tecky.webp) no-repeat; background-size: contain; margin:80px auto 30px auto;}
#s14 { background:#fff;}
#s14 .c { width:90%; overflow:hidden; margin:50px auto 70px auto; }
#s14 h2 { font-size:59px; font-weight:500; line-height:1.4; margin:.5em 0 .5em 0; color:#cca039; text-align:center; }
#s14 h3 { font-size:34px; font-weight:500; line-height:1.4; margin:.5em 0 .5em 0; color:#cca039; text-transform:uppercase;}
#s14 .c1 { width:40%; overflow:hidden; text-align:center; margin:0 auto;}
#s14 .c1 img { width:95%; max-width:700px; margin-left:2%;}
#s14 .c2 { width:12%; overflow:hidden; float:left; margin:0 1%;}
#s14 .c2 .s { width:2px; height:900px; overflow:hidden; background:#cca039; margin:10px auto;}
#s14 .c2 .t1 { width:48%; height:80px; overflow:hidden; background: url(../images/katedrala-svateho-vita/c-tecka.webp) no-repeat; background-size: contain; margin:22px auto 30px auto; }
#s14 .c2 .t2 { width:100%; height:160px; overflow:hidden; background: url(../images/katedrala-svateho-vita/3tecky2.webp) no-repeat; background-size: contain; }
#s14 .c3 { width:40%; overflow:hidden; float:left; text-align:center; margin-right:3%;}
#s14 .c3 img { width:85%; max-width:500px; margin-top:65px; margin-left:2%;}
#s14 .f {width:100%; height:640px; overflow:hidden;}
#s14 .ceny {width:80%; overflow:hidden; border-top:2px solid #cca039; margin:0 auto;}
#s14 .ceny .b {width:50%; overflow:hidden; float:left; box-sizing:border-box; margin:20px 0 15px 0;}
#s14 .ceny .b:last-child { border-left:2px solid #cca039; }
#s14 .ceny h4 { font-size:26px; font-weight:500;letter-spacing:1px; margin:0 0 6px 0; color:#cca039;}
#s14 .ceny p { font-weight:500; font-size:16px; margin:0;} 
#s14 .cena {width:78%; padding:0 1%; overflow:hidden; margin:0 auto; background:#cca039;}
#s14 .cena h4 { font-size:40px; font-weight:500;letter-spacing:1px; margin:20px 0 6px 0; color:#fff;}
#s14 .cena p { font-weight:500; font-size:17px; color:#fff; margin:0 0 20px 0;} 
#s14 .cena p span { display:inline-block; font-size:.85em; margin-top:10px;} 
#s14 .sk {width:80%; overflow:hidden; margin:0 auto; text-align:left; }
#s14 input[type="checkbox"] { display:none; height:0;}
#s14 label { display:block; margin-bottom:2em;}
#s14 .sk p { font-size:15px;transition:all ease .8s; margin:.5em 0;}
#s14 .sk li { line-height:1.6; font-size:15px;} 
#s14 .sk h4 { font-family:Jost, Arial, Helvetica, sans-serif; color:#cca039; font-size:26px; font-weight:400; margin:30px 0 0 0; padding:0 0 .5em 1px; 
	border-bottom:2px solid #cca039; cursor:pointer; text-transform:uppercase;}
#s14 label h4 span { display:block; width:32px; height:32px; background:url(../images/katedrala-svateho-vita/vyber2.webp) no-repeat; background-size:contain; margin-right:0; float:right; }
#s14 input[type="checkbox"] + label p { display:none;}
#s14 input[type="checkbox"] + label ul { display:none;}
#s14 input[type="checkbox"]:checked + label p { display:block; height:auto;}
#s14 input[type="checkbox"]:checked + label ul { display:block; }
#s14 input[type="checkbox"]:checked + label h4 span { transform:rotate(180deg);}
#s15 { background:#fff; position:relative; min-height:850px; }
#s15 .bg { width:100%; padding:30px 0 50px 0; overflow:hidden; background:#e4ba64; }
#s15 .c { width:90%; overflow:hidden; margin:60px auto 40px auto; position:relative;} 
#s15 h2 { font-size:55px; font-weight:500; line-height:1.1; letter-spacing:1px; margin:.1em 0 .5em 0; color:#000;}
#s15 .c1 { width:48.5%; overflow:hidden; float:left;  }
#s15 .c1 p { line-height:1.6; font-size:18px;} 
#s15 .c2 { position:absolute; left:50% /*50%*/; top:70px; width:500px /*36%*/; max-width:500px; overflow:hidden;text-align:right; }
#s15 .c2 img { width:90%;}
#s16 { background:#fff; padding:30px 0 50px 0; }
#s16 .c { width:90%; overflow:visible; max-width:1400px; margin:20px auto 20px auto;} 
#s16 a { color:#000; }
#s16 h3 { font-size:33px; font-weight:500; line-height:1.2; padding-bottom:6px; margin:.6em 0 .6em 0; border-bottom:2px solid #000;}
#s16 .nkn { margin:5px 0 3px 0;} #s16 .c.h, #obj2 { display:none;} #obj2.a { display:block;} 
#s16 .kn { width:100%; padding:16px 0 6px 0; overflow:hidden; font-family:Jost, Arial, Helvetica, sans-serif; border-bottom:3px solid #e4ba64;}
#s16 .k { width:100%; overflow:hidden; padding-bottom:10px; box-sizing:border-box;}
/*#s16 .k:first-child { border-bottom:1px solid #e4ba64;}*/
#s16 .c1 h4 { text-transform:uppercase; margin:22px 0 10px 0; font-size:22px; font-weight:600;}
#s16 .c11 { width:116px; height:160px; background:url(../images/katedrala-svateho-vita/ksv-lx.webp) no-repeat; background-size:contain; float:left; margin:0 2.25% 0 1%; }
#s16 .c21 { width:105px; height:150px; background:url(../images/katedrala-svateho-vita/ksv-td2.webp) no-repeat; background-size:contain; float:left; margin:18px 3% 0 1%; }
#s16 .c12 { width:45%; overflow:hidden; float:left; font-weight:600; text-transform:uppercase; font-size:17px; margin-top:62px;}
#s16 .c22 { width:45%; overflow:hidden; float:left; font-weight:600; text-transform:uppercase; font-size:17px; margin-top:71px;}
#s16 .c13 { width:18%; overflow:hidden; float:left; font-size:16px; line-height:1.5; padding:1em 0 1em 2%; margin-top:30px; border-left:1px solid #e4ba64;}
#s16 .c23 { width:18%; overflow:hidden; float:left; font-size:16px; line-height:1.5; padding:1em 0 1em 2%; margin-top:50px; border-left:1px solid #e4ba64;}
#s16 .c14 { width:11%; overflow:hidden; float:right; text-align:right; padding:.6em 5% .6em 0; margin-top:35px; border-left:1px solid #e4ba64;}
#s16 .c14 p { margin:0 0 6px 0; font-size:16px;}
#s16 .c14 span {display:block; float:right; line-height:1;}
#s16 .c14 span.d1, #s16 .c14 span.i1 { width:24px; height:24px; border-radius:50%; border:1px solid #000; cursor:pointer; text-align:center; font-size:14px; box-sizing:border-box; }
#s16 .c14 span.d, #s16 .c14 span.i {  width:24px; height:24px; border-radius:12px; cursor:pointer;background-repeat:no-repeat; background-size:contain; background-position:center bottom;}
#s16 .c14 span.d { background-image:url(../images/katedrala-svateho-vita/minus.svg); } 
#s16 .c14 span.i { background-image:url(../images/katedrala-svateho-vita/plus.svg); } 
#s16 .c14 span.d1:before { content:"-";} #s16 .c14 span.i1:before { content:"+";}
#s16 .c14 span.d:hover, #s16 .c14 span.i:hover { background-color:#e4ba64;}
#s16 .c14 #a1, #s16 .c14 #a2 {font-size:22px;  margin:0 14px 0 14px;}
#s16 .c14.d {  margin-top:56px; }
#s16 .ovh {  line-height:1.7; border-bottom:3px solid #e4ba64;}
#s16 .ovh span { float:right; font-weight:600;}
#s16 button { font-size:18px; color:#fff; background:#d7a947; border:none; text-transform:uppercase; padding:8px 25px; cursor:pointer; font-family:Jost, Arial, Helvetica, sans-serif;}
#s16 button.r {float:right;}
#s16 button:hover { background:#c69836;}
#s17 { height:30vw;background:url(../images/katedrala-svateho-vita/kameny.jpg) no-repeat; background-position:center center; background-size:cover; }

#s18 { background:#080606;}
#s18 h2 { font-size:32px; font-weight:500; line-height:1.2; letter-spacing:1px; padding-bottom:.6em; margin:.1em 0 .8em 0; color:#cca039; border-bottom:1px solid rgba(200,159,45,.5);}
#s18 .c { width:90%; overflow:hidden; max-width:1400px; margin:50px auto 1em auto;}
#s18 .c11 { width:45%; overflow:hidden; float:left; }
#s18 .c11 p {  line-height:1.6; font-size:18px; color:#cca039;} 
#s18 .c11 h3 { font-family:Jost, Arial, Helvetica, sans-serif; font-weight:500; line-height:1.6; font-size:22px; color:#cca039; margin:1em 0 .2em 0;} 
#s18 .c11 a { font-family:Jost, Arial, Helvetica, sans-serif; font-weight:400; line-height:1.6; font-size:20px; color:#cca039; text-decoration:none;}
#s18 .c12 { width:240px; overflow:hidden; float:right; padding-top:15px; }
#s18 .c12 a { display:block; width:100%; padding:8px 0;font-family:Jost, Arial, Helvetica, sans-serif; font-weight:400; color:#cca039; text-transform:uppercase; }
#s18 .c12 a:hover { text-decoration:none;}
#s18 .loga { border-top:1px solid rgba(200,159,45,.5); border-bottom:1px solid rgba(200,159,45,.5); margin-top:2.5em; padding-bottom:2em; }
#s18 .loga p { line-height:1.6; font-size:18px; color:#cca039;} 
#s18 .loga div { text-align:center;}
#s18 .c21 { width:28%; overflow:hidden; float:left; }
#s18 .c22 { width:44%; overflow:hidden; float:left; }
#s18 .c23 { width:28%; overflow:hidden; float:left; }
#s18 .sv { width:187px;}
#s18 .nb { width:182px; margin-top:16px;}
#s18 .jwd { width:77px; margin-top:13px;}
#s18 p.cr {  line-height:1.2; font-size:15px; color:#cca039; text-align:center; margin-top:1.6em} 
#obj1 button {margin-top:3em;}
#obj1 .ovh { padding:1em 0 1em 59%;margin-top:0;}
/*#obj2 {font-family:Jost, Arial, Helvetica, sans-serif; }*/
#obj2 .c3 { width:100%; overflow:hidden; margin-top:1em;  border-bottom:1px solid #e4ba64;}
#obj2 .c4 { width:38%; overflow:hidden; float:right; }
#obj2 .c5 { width:100%; overflow:hidden;}
#obj2 h3 { margin:.3em 0 .5em 0;}
#obj2 h4 { margin:6px 0; font-size:17px; font-weight:600;font-family:Jost, Arial, Helvetica, sans-serif; }
#obj2 h5 { margin:6px 0; font-size:17px; font-weight:600;font-family:Jost, Arial, Helvetica, sans-serif; }
#obj2 label {font-family:Jost, Arial, Helvetica, sans-serif; }
#obj2 .fg { width:94%; padding:6px 3%; overflow:hidden; background:#d7a947;}
#obj2 p, #obj2 label, #obj2 th, #obj2 td { font-size:15px;}
#obj2 .po p { margin:4px 0 0 0; padding-bottom:4px; border-bottom:1px solid #e4ba64;}
#obj2 .po p span { font-weight:600; float:right;}
#obj2 .po p:last-child { border-bottom:none;}
#obj2 .mz { width:100%; overflow:hidden; border-bottom:1px solid #e4ba64; padding-bottom:1em;}
#obj2 .mz input[type="radio"] { margin-right:10px;}
#obj2 .mz label div { display:none;transition:all ease .8s; margin:.8em 0;}
#obj2 .mz label div p { margin:4px 0;}
#obj2 .mz div em { display:block; width:20px; height:20px; background:url(../images/katedrala-svateho-vita/info.svg) no-repeat; margin-bottom:2px; background-size:contain; float:right; }
#obj2 .mz div span { font-size:.9em;}
#obj2 .mz input[type="radio"]:checked + label div { display:block; }
#obj2 .mz input[type="text"].mzi1 { width:59%;margin-right:2%;}
#obj2 .mz input[type="text"].mzi2 { width:39%;margin-right:0;}
#obj2 .mz a { cursor:pointer;}
#obj2 .ro { width:96%; padding:0 2% 10px 2%; overflow:hidden; background:#fff; margin-bottom:10px;}
#obj2 .ro h4 {color: #d7a947;font-family:"Bona Nova", "Times New Roman", Times, serif; font-size:18px; font-weight:300;}
#obj2 .ro .pc { display:block; border-bottom:3px solid #d7a947; padding:.2em 0 1em 0; font-size:1.2em; text-indent:1.5em;}
#obj2 .ro .c11 { width:116px; height:151px; background:url(../images/katedrala-svateho-vita/ksv-lx-th.webp) no-repeat; background-size:contain; float:left; margin:0 10px 0 0; }
#obj2 .ro .c21 { width:105px; height:139px; background:url(../images/katedrala-svateho-vita/ksv-td-th.webp) no-repeat; background-size:contain; float:left; margin:6px 14px 0 7px; }
#obj2 .ro .kn1 { width:100%; overflow:hidden; margin-bottom:20px; }
#obj2 .ro .k1 { width:100%; overflow:hidden; padding:10px 0; border-bottom:1px solid #d7a947;}
#obj2 .ro .c52 h5 { text-transform:uppercase;}
#obj2 .ro .sh { display:block; margin-top:1.5em; padding-top:1em; border-top:1px solid #d7a947;}
#obj2 .c52 { width:50%; overflow:hidden; float:left; line-height:1.5; margin-top:4px;}
#obj2 .c52 h5 { font-size:16px; margin:4px 0;}
#obj2 .c52 p {font-size:14px; margin:2px 0; color:#777; }
#obj2 .c52 label { color:#d7a947;}
#obj2 .c53 { width:26%; overflow:hidden; float:right; margin-top:15px;}
#obj2 .c53 p { margin:0 0 1px 0; box-sizing:border-box; padding:1px 6px;}
#obj2 .c53 p.vs { color:#fff; background:#d7a947; font-weight:300;}
#obj2 .c53 span {display:block; float:right;}
#obj2 .c53 span.zl, #obj2 .ro #zkz { color:#d7a947; font-weight:600;}
#obj2 .ro .kn1 .ovh { margin:6px 0 0 0;}
#obj2 table { margin-top:20px; width:100%;}
#obj2 td {font-family:Jost, Arial, Helvetica, sans-serif; }
#obj2 .c6 { width:100%; padding-bottom:1em; overflow:hidden; border-bottom:3px solid #e4ba64; margin-bottom:1.5em;}
#obj2 .c61 { width:48%; overflow:hidden; float:left; }
#obj2 .c62 { width:48%; overflow:hidden; float:right;}
#obj2 .c61 table td:first-child { width:96px;}
#obj2 .c62 table td:first-child { width:160px;}
#obj2 table td:last-child { font-weight:500;}
#obj2 .btns { width:100%; overflow:hidden; padding:2em 0 0 0; margin-top:1em; border-top:1px solid #d7a947;}
#obj2 .ovh { padding:1em 0 1em 74.5%;margin-top:0;}
#obj2 .platba { padding:1em 0;border-top:1px solid #d7a947; border-bottom:1px solid #d7a947;}
#obj2 .vsu {width: 100%;overflow: hidden; border-top: 1px solid #e4ba64; border-bottom: 1px solid #e4ba64; margin-top:.5em; padding-bottom:1em;}
#obj2 .vsu label { cursor:pointer;}
.slider { width:100%; height:auto; overflow:hidden;} .slider .sbl { width:100%; height:auto; overflow:hidden; position:relative;}
.slider .move { width:38px; height:80px; overflow:hidden; cursor:pointer; position:absolute; top:43%; z-index:333; background-repeat:no-repeat; background-size:contain;}
.slider .item img { width:100%; height:auto; margin-bottom:10px;}
.slider #zcontainer { overflow:hidden; margin:0 auto; position:relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}  
.slider .move.prev{left:1%; background-image:url(../images/move3-l.webp); background-position:left top; } 
.slider .move.next{right:1%; background-image:url(../images/move3-r.webp); background-position:right top;}
.slider #zitems { overflow:hidden; position:relative; }
.slider #zitems .item { overflow:hidden; position:absolute; left:0; top:0; } 
.slider #zitems .item img {opacity:0; transition:all ease-in-out 1s;}
.slider #zitems .item img.ac, #fs1.ac { opacity:1;transition-delay:50ms;}
.slider #curt { position:absolute; top:0; right:0; width:6px;  overflow:hidden; }
.slider #zcontainer, .slider #zitems, .slider #zitems .item { width:1300px;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item, .slider #curt {height:940px;}
.sbtns  { width:100%; height:auto; overflow:hidden;} 
.mbtns  { width:420px; height:auto; overflow:visible; margin:-26px auto 0 auto} 
.indicators { width:99%; height:auto; padding:0 0 0 1%;overflow:hidden; text-align:center; margin:0 6px 4px 0; z-index:334; position:absolute; left:0; bottom:58px;}
.indicators span { display:inline-block; width:10px; height:10px; overflow:hidden; border-radius:5px; background:#ccc; cursor:pointer; margin-right:20px; }
.indicators span.ac { background:#cca039;}
@keyframes z11 {0%, 2% {opacity:1;background-position:center center;background-size:100%;} 30% { opacity:1; background-position:27% 70%;  background-size:200%;} 
34% { opacity:0;background-position:27% 70%;  background-size:200%;} 99% {opacity:0;background-position:center center;background-size:100%} 100% {opacity:1;}}
@keyframes z12 {0%,30% {opacity:0;} 32%,34% {opacity:1;background-size:100%;} 60% { opacity:1; background-position:15% 40%;  background-size:200%;} 
63% { opacity:0;background-position:15% 40%;  background-size:200%; } 100% {background-position:center center;background-size:100%;opacity:0;}}
@keyframes z13 {0%,60% {opacity:0;} 64% {opacity:1;background-size:100%;} 90%,98% { opacity:1; background-position:55% 40%;  background-size:200%;} 
99.5% { opacity:0; background-position:55% 40%;  background-size:200%;} 100% {background-position:center center;background-size:100%;opacity:0;}}
input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number], textarea
	{ display:inline-block; background:#ddd; font-size:14px; padding:10px 7px; margin:0 1% 0 0; float:left; border:none;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }		
select { display:inline-block; background:#ddd; font-size:14px; padding:9px 7px; margin:0 .8% 0 0; float:left; border:none;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }	
select option.q { color:gray;}	select:has(option[value=""]:checked) {color: gray;} select option:first-child {color: gray;}
	
hr { height:1px; border:none; background:#555; }
.item {width:100%; height:auto; padding:4px 0 4px 0; overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.cr {  width: 95.9%; height:auto;  overflow: hidden;  font-size: 17px;  line-height: 25px;  padding: 1% 0 1% 0; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.cr label {color:#333; }
.fr { width:100%; height:auto; overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}		
.fr input[type=text].s {width:16%;}
.fr input[type=text].ms {width:16%;}
.fr input[type=text].m {width:32%;}
.fr input[type=text].ic {width:31%;}
.fr input[type=text].dc {width:33%;}
.fr input.lh {width:49%;}
.fr input[type=text].lm {width:65%;}
.fr input[type=text].lq {width:82%;}
.fr input[type=text].xl {width:99%;}
.fr textarea { font-family: Arial, Helvetica, sans-serif; height:2.6em; width:99%;}	
.fr select.s {width:16%;}
.fr p { /*padding: 2% 2% 0 2%;*/}
.fr p.info { padding: 0 2% 0 2%; margin-bottom:0;}
.fr p.info label { display:inline-block; width:8em; height:auto;}
.fr p.infoheslo { display:block; width:95.9%; height:auto; overflow:hidden; padding: 0 2% 0 0; margin:-8px 0 0 0;}
.fr p.ll { margin:0; padding: 0 0 14px 0;color:#000; line-height:1.5; }
.fr input[type=radio] { margin:2% 1% 0 2%;}
#l_suhlas1 { display:block; width:1em; height:3.2em; overflow:hidden; float:left; margin:2% 1% 0 2%}
#r_suhlas1 { display:block; width:92%; height:3.2em; overflow:hidden; float:left; margin:2% 1% 0 0}
.fr label { margin:0; padding: 2% 2% 0 0; cursor:pointer;}
.fr a { text-decoration:underline;}
.fr table {margin:2% 0 ; width:96%;}
.fr table td {text-align:left; vertical-align:top;} .fr table td:nth-child(1) { min-width:8em;}
.fr span { color:#000; }
.hl, .objednavka .hl a  { color:#000;} .objednavka .hl a:hover { color:#c70000; text-decoration:none;}
#mobinf { display:none; position:absolute; left:0; top:37px; z-index:335;font-size:.7em; color:#c00; font-weight:bold;}
#mobinf.no { display:block;}
.fr input[type=tel].ok { width:49%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #47B183;} 
.fr input[type=tel].no { width:49%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #c00;} 
#mob { display:none; position:absolute; left:1.4%; top:44px; font-size:.75em; color:#c00; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#mob.no { display:block;}
#bfirma, #bdadr { display:none;}
.cb span {margin: 2px 8px -4px 6px;}
.footer { width:100%; height:35px; position:relative; overflow:hidden; color:#fff;background: #080606; margin-top:0px; z-index:12; text-align:center;}
.footer-content{ width:100%;  height:50px;  line-height:26px;  font-size:14px; font-weight:300; color:#fff; text-align: center; margin:0;font-family: Jost, Arial, Helvetica, sans-serif;}
.footer-content p{padding-top:2px;font-size:14px;}
.footer-content img{float:left;margin-top:-20px}
.footer-content a{color:#fff} .footer-content a:hover{color:#b49460}
.footer-content .ikar { display: inline-block; width: 70px; height: 26px; margin: -4px 8px -5px 2px; overflow: hidden; background: url(../images/ikar-logo2.png) no-repeat;}
.err { padding:8px; color:#fff; font-weight:bold; background:#c00;}

@media (min-width: 2399px) {
#s17 { height:730px;}
}
@media (min-width: 1400px) {
.mw {width: 100%;}
}
@media (max-width: 1410px) {
.kwrap { width:1200px;} 
.w { width:1200px}
#s1 h1 { font-size:71px; margin:35px 0; }
#s1 h2 { font-size:22px;  margin:10px 0 35px 0;}
#s1 .le { font-size:16px; margin:10px 0; letter-spacing:2px; }
#s1 .c11 { width:300px; height:392px;}
#s1 .c12 { margin-top:310px;} 
#s2 .w {height:1081px; }
#s2 .c { width:48%; right:3%; bottom:2vh; }
#s2 h2 { font-size:44px; line-height:1.4; margin:4vh 0 0 5%; }
#s2 p { font-size:25px;  }
#s4 .c1 { width:43%; margin:10px 5% 60px 2%; }
#s5 .c { width:100%;}
#s6 .c2 .cont { height:418px; }
#s6 .c2 .cont a img { width:100%;}
#s6 .c1 p { line-height:1.4;font-size:16px;} 
#s7 .c1 { width:48%; max-width:670px; overflow:hidden; margin-bottom:-6px; float:left;}
#s7 .c1 img { width:100%; } 
#s7 .c2 div {  margin:4.55vw 0 3vw 0;}
#s7 .c2 div h3 {font-size:1.97vw;}
#s9 .c1 {top:279px;}
#s9 .c2 .cont {  height:610px; }
#s11 .c { width:100%;}
#s14 .f {height:590px; }
#s14 .c2 .s { height:870px;}
#s16 .c14 { padding:.6em 3% .6em 0;}
#s18 .c { width:96%;}
#s18 .c1 { width:42%; }
#s18 .c2 { width:38%; }
#s18 .c3 { width:18%;}

.slider #zcontainer, .slider #zitems, .slider #zitems .item { width:1208px;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item, .slider #curt {height:880px;}
}
@media (max-width: 1220px) {
.kwrap { width:960px;} 
.w { width:960px}
#s1 .c1 { width:47%; margin:.9em 0 .9em 3%;}
#s1 h1 { font-size:48px; margin:20px 0; }
#s1 h2 { font-size:20px;  margin:8px 0 20px 0;}
#s1 .le { font-size:15px; margin:3px 0; letter-spacing:1px; }
#s1 .c11 { width:270px; height:342px;}
#s1 .c12 { margin-top:230px;} 
#s2 .w {height:865px;}
#s2 .c { width:59%; right:3%; bottom:2vh; }
#s2 h2 { font-size:40px;  }
#s2 p { font-size:24px;  }
#s3 .c1 { width:48%;  margin:40px 0 60px 5%; }
#s3 h2 { font-size:45px; margin:8px 0 15px 0; }
#s3 p { line-height:1.6; font-size:17px;} 
#s3 .c2 { width:40%; height:42.5vw; margin:50px 5% 50px 0; }
#s3 .c2 div {height:42.5vw;}
#s4 .c1 { width:43%; margin:10px 4% 10px 1%; }
#s4 h2 { font-size:49px; margin-bottom:0; }
#s4 .c1 h3 {  margin-top:0; }
#s4 .c1 p { line-height:1.5; font-size:17px;} 
#s4 ul { margin-left:-17px;}
#s4 li { font-size:16px;} 
#s4 .c2 { width:46%; height:48vw;}
#s4 .c3 { width:95%; margin:1px 1% 60px 4%;}
#s4 .c3 a.btn { padding:7px 30px;}
#s6 h2 { font-size:50px; }
#s6 .c1 p { line-height:1.25;font-size:15px;} 
#s6 .c2 .cont { height:338px; }
#s6 label h3 { font-size:21px;}
#s6 label h3 span { width:26px; height:26px; }
#s7 .c2 div {  margin:3.7vw 0 1vw 0;}
#s9 .c1 {top:243px;}
#s9 .c2 .cont {  height:488px; }
#s9 .c1 p { font-size:18px;line-height:1.4; }
#s10 h2 { font-size:49px;}
#s10 .c1 { width:56%; }
#s10 .c2 { margin-top:25px;}
#s14 h3 { font-size:30px; }
#s14 .f {height:460px; }
#s14 .c2 .s { height:758px;}
#s14 .c3 img {margin-top:47px;}
#s15 .c { width:96%; } 
#s15 h2 { font-size:38px; }
#s15 .c2 { width:45vw; }
#s16 .c13 { width:22%; }
#s16 .c23 { width:22%; }
#s16 .c14 { width:14%; }
#s16 .c12 { width:40%; }
#s16 .c22 { width:40%; }
#s17 { background-image:url(../images/katedrala-svateho-vita/kameny1280.jpg); }
#s18 .c1 { width:44%; }
#s18 .c2 { width:37%; }
#s18 .c3 { width:19%;}
#s18 h2 { font-size:32px; }
#s18 .c1 p { font-size:17px;} 
#s18 .c1 h3 {font-size:21px;} 
#s18 .c1 a {  font-size:18px; }
#s18 .c2 p {  font-size:18px; } 
#s18 .c2 .sv { width:155px; margin-top:20px; }
#s18 .c2 .jwd { width:150px;  margin-right:10%;}
#s18 .c2 .nb { width:155px; margin-top:25px;}
#obj1 .ovh { padding:1em 0 1em 56%;}
#obj2 .ovh { padding:1em 0 1em 60%;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item { width:960px;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item, .slider #curt {height:730px;}
.slider .move { top:41%; }
}

@media (max-width: 1000px) {
.gohome{ width:70px; height:70px;margin-left:-35px; top:5px}
.kwrap { width:780px;} 
.w { width:780px}
#s1 .c1 { width:47%; margin:1em 0 1em 3%;}
#s1 h1 { font-size:44px; margin:17px 0; }
#s1 h2 { font-size:19px;  margin:10px 0 18px 0;}
#s1 .le { font-size:15px; margin:3px 0; letter-spacing:1px; }
#s1 .c11 { width:200px; height:247px;}
#s1 .c12 { margin-top:150px; font-size:.9em;} 
#s2 .w {height:820px; }
#s2 .c { width:72%; right:3%; bottom:1em; line-height:1.4; }
#s2 h2 { font-size:34px; line-height:1.4; margin:2vh 0 0 5%; }
#s2 p { font-size:22px;  }
#s2 h3 { font-size:20px; margin:.7em 0; }
#s2 .c h4 { margin:.5em 0;}
#s4 .c1 { width:90%; margin:10px 5% 10px 5%; float:none; }
#s4 h2 { font-size:49px; }
#s4 .c1 p { line-height:1.5; font-size:18px;} 
#s4 li { font-size:18px;} 
#s4 .c2 { width:60%; height:70vw; float:none; margin:1px 18% 1px 22%;}
/*#s4 .c3 a.btn { display:none;}*/
#s6 h2 { font-size:43px; }
#s6 .c1 p { line-height:1.2;font-size:14px;} 
#s6 .c2 .cont { height:276px; }
#s6 label h3 { font-size:17px;}
#s6 label h3 span { width:22px; height:22px; }
#s8 .c3 { width:100%; float:none;}
#s8 .c3.s { margin:0;}
#s9 .c1 {width:36%;top:226px;}
#s9 .c2 .cont { height:397px; }
#s9 .c1 p { font-size:15px;line-height:1.3; }
#s10 .c { margin:40px auto 50px auto; }
#s14 .c { margin:40px auto 40px auto; }
#s14 .f {height:365px; }
#s14 .c2 .s { height:717px;}
#s14 .c3 img {margin-top:5vw;}
#s14 .ceny h4 { font-size:21px;}
#s14 .cena h4 { font-size:33px; }
#s14 .cena p { font-size:16px; } 
#s14 .sk h4 { font-size:20px; margin:20px 0 0 0;}
#s14 label h4 span {width:28px; height:28px;}
#s15 { min-height:750px; }
#s15 .c {  margin:40px auto 20px auto;} 
#s15 h2 { font-size:32px; }
#s16 .c12 { width:22%; margin-top:43px; }
#s16 .c22 { width:22%; margin-top:53px; }
#s16 .c13 { width:28%; margin-top:0px;}
#s16 .c23 { width:28%; margin-top:20px;}
#s16 .c14 { width:17%; margin-top:5px;}
#s16 .c14.d {margin-top: 26px;}

#s18 .c1 { width:35%; }
#s18 .c2 { width:41%; }
#s18 .c3 { width:23%;}
#s18 h2 { font-size:27px; }
#s18 .c1 p { font-size:15px;} 
#s18 .c1 h3 {font-size:19px;} 
#s18 .c1 a {  font-size:16px; }
#s18 .c2 p {  font-size:16px; } 
#s18 .c3 a {  font-size:16px; }

#s18 .c2 .sv { width:155px; margin-top:20px; }
#s18 .c2 .jwd { width:150px;  margin-right:0;}
#s18 .c2 .nb { width:155px; margin-top:25px;}

#obj1 .ovh { padding:1em 0 1em 41%;}
#obj1 button {margin-top:2em;}
#obj2 .ovh { padding:1em 0 1em 50%;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item { width:760px;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item, .slider #curt {height:600px;}
.slider .move { top:38%; }
}

@media (max-width: 799px) {
.kwrap { width:100%;} 
.w { width:100%;}
#s1 .w { background-size:170%; background-position:77% 150px; animation:uv1 linear 6s;}
#s1 .c1 { width:94%;}
#s1 h2 { font-size:3.8vw;  margin:.5vw 0 1vw 0;}
#s1 .le { font-size:3vw;}
#s1 .c11 { width:80%; height:72vw; margin:15px 0 0 0; float:none;}
#s1 .c12 { margin-top:1px; font-size:1.4em;} 
#s2 .w {height:120vw; }
#s2 .c { width:82%;  bottom:1.2vh; }
#s3 .c1 { width:90%; margin:40px 0 10px 5%; float:none; }
#s3 h2 { font-size:45px; margin:8px 0 15px 0; }
#s3 p { line-height:1.6; font-size:18px;} 
#s3 .c2 { width:90%; height:85vw; margin:30px 5% 30px 5%; float:none; }
#s3 .c2 div {height:85vw;}
#s4 h2 { font-size:40px; }
#s4 .c2 { width:80%; height:90vw; margin:1px 8% 1px 12%;}
#s6 h2 { font-size:40px; }
#s6 .c1 { width:100%; margin:10px 0; float:none;}
#s6 .c2 { width:100%; margin:19px 0;}
#s6 .c2 .cont { height:59vw; }
#s6 label h3 { font-size:28px; }
#s6 label h3 span {width:32px; height:32px; }
#s6 .c1 p { line-height:1.5;font-size:17px;} 
#s7 .c1 { width:100%; float:none; max-width:100%;}
#s7 .c2 { width:90%; float:none; margin:1em 5%; }
#s7 .c2 div {  margin:4.55vw 0 3vw 0;}
#s7 .c2 div a {  width:100%; height:9vw; text-align:center; }
#s7 .c2 div a img { height:9vw; width:auto;}
#s7 .c2 div h3 { width:90%; margin:1vw auto 4.5vw auto; float:none; font-size:5vw; text-align:center;}
#s8 .c1 { width:100%; float:none;}
#s8 .c1 h2 { margin-top:0;}
#s8 .c2 { width:100%; float:none; text-align:center;}
#s8 .c2 img { width:100%;}
#s8 .c .bl { margin-bottom:40px;}
#s8 .c3 h3 { font-size:31px;  margin:.5em 0 .5em 0; }
#s8 .c3 h4 { margin:.5em 0 1.5em 0; color:#cca039;}
#s9 .c { width:100%; margin:40px 0; }
#s9 h2 { display:none;}
#s9 .c1 {width:90%; top:0; position:static; float:none; padding:1em 5%; color:#c69836; background:#fff;}
#s9 .c1 h3 {color: #c69836; text-align:left;border-top: 1px solid #c69836;}
#s9 .c1 p { font-size:21px;line-height:1.5; font-family:"Bona Nova", "Times New Roman", Times, serif;}
#s9 .c2 { width:100%;margin:0;}
#s9 .c2 .cont { width:100%; height:64vw;}
#s10 .c {margin: 40px auto 10px auto;}
#s10 .c1 { width:100%; }
#s10 .c1 p {  line-height:1.6; font-size:18px;} 
#s10 .c2 { width:100%; float:none; text-align:center; display:none; }
#s13 h2 { font-size:44px; }
#s14 h2 { font-size:44px; }
#s14 h3 { font-size:26px;}
#s14 .ceny h4 { font-size:20px;}
#s14 .c { width:98%; margin:30px auto 30px auto; }
#s14 .c2 .s { height:695px;}
#s14 .sk h4 { font-size:18px;}
#s14 label h4 span {width:25px; height:25px;}
#s15 {  min-height:650px; }
#s15 .c1 p { line-height:1.4; font-size:15px;} 
#s16 .c12 { width:58%; margin-top:59px; min-height:102px; }
#s16 .c22 { width:58%; margin-top:72px; min-height:97px;   }
#s16 .c13 { width:50%; }
#s16 .c23 { width:50%; }
#s16 .c14 { width:30%; }
#s16 button { font-size:17px; padding:8px 18px; max-width:69%; }
#s18 .c1, #s18 .c3 { width:100%; float:none;}
#s18 .c2 { width:360px; float:none; margin:3em 0;}
#s18 h2 { font-size:33px; }
#s18 .c1 p { font-size:18px;} 
#s18 .c1 h3 {font-size:21px;} 
#s18 .c1 a {  font-size:19px; }
#s18 .c2 p {  font-size:20px; margin-bottom:0; } 
#s18 .c3 a {  font-size:19px; }

#s18 .c11 { width:100%; float:none; }
#s18 .c12 { width:100%; float:none;  border-top:1px solid rgba(200,159,45,.5); margin-top:1.5em; padding-top:1.2em;}
#s18 .c21 { width:100%; float:none; }
#s18 .c22 { width:100%; float:none; }
#s18 .c23 { width:100%; float:none; }
#s18 .loga { margin-top:2em;}
#s18 .loga p { text-align:center;}

#obj1 .ovh { padding:1em 0 1em 41%;}
#obj2 .ovh { padding:1em 0 1em 0;}
#obj2 .c53 { width: 100%;}
#obj2 .ro .pc { text-indent:0;}
#obj2 .c61, #obj2 .c62 { width:100%; float:none;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item { width:100vw;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item, .slider #curt {height:80vw;}
.slider .move { display:none; top:37%; }
@keyframes uv1 { 0%,20% { background-size:400%; background-position:78% 10px;}  98% { background-position:81% 125px;} 99% { background-position:83% 149px;} 100% { background-size:170%; background-position:82% 150px;}}
}

@media (min-width:600px) {
@keyframes uv1 { 0%,20% { background-size:400%; background-position:74% 26%;}  98% { background-position:64% 20%;} 99% { background-position:44% 12%;} 100% { background-size:100%; background-position:0% 0%;}}
@keyframes uv2 { 0%,70% { opacity:0;} 100% { opacity:1}}
@keyframes uv3 { 0%,70% { opacity:0;} 100% { opacity:1}}
@keyframes uv4 { 0%,70% { opacity:0;} 100% { opacity:1}}
@keyframes uv5 { 0%,70% { opacity:0;} 100% { opacity:1}}
@keyframes uv6 { 0%,85% { opacity:0;} 100% { opacity:1}}
}

@media (max-width:599px) {
#s1 .w {background-image:none;animation-duration:6s;}
#s1 .c11 { width:90%; height:102vw; margin:4px auto 0 auto;background-position:45% top;animation-duration:10s;}
#s1 .c12 { font-size:4vw; margin:-1em 0 1em 0;animation-duration:10s;} 
#s1 h1 { font-size:10vw; margin:3vw 0; animation-duration:10s; }
#s1 h2 { font-size:4vw; letter-spacing:1px; animation-duration:10s;}
#s1 .le { font-size:3.8vw;animation-duration:10s}
#s2 .c { width:74%; right:4%;}
#s2 .w { height:168vw; background-position:76% top; }
#s2 h2 { font-size:5vw;}
#s2 h3 { font-size:15px; padding-top:12px;border-top:1px solid #cca039;}
#s2 h4 { font-size: 10px; padding-right:16%; margin-top:0; }
#s2 p { font-size:3.7vw; letter-spacing:0px; line-height:1.4; margin-bottom:8px; }
#s3 h2 { font-size:32px; padding-right:1em; }
#s3 p { font-size:17px; }
#s3 .c2, #s3 .c2 div {height: 116.2vw;}
#s4 h2 {font-size: 32px; padding-right:1em;}
#s4 .c3 {margin: 1px 1% 2em 4%;}
#s4 .c3 h3 { margin-bottom:.4em}
#s4 .c3 .gal a { margin:12px auto; text-align:center;  box-sizing:border-box;}
#s4 .c3 .gal a:nth-child(1) { width:25%;margin-right:2%;}
#s4 .c3 .gal a:nth-child(2) { width:29%;margin-right:2%;}
#s4 .c3 .gal a:nth-child(5) { width:40%;margin-right:0;}
#s4 .c3 .gal a:nth-child(1) img { height:13.5vw; }
#s4 .c3 .gal a:nth-child(2) img { height:13.5vw;}
#s4 .c3 .gal a:nth-child(5) img { height:13.5vw;}
#s4 .c3 .gal a:nth-child(1) { height:17vw; padding:1.5vw 0;}
#s4 .c3 .gal a:nth-child(2) { height:17vw;padding:1.5vw 0 1.5vw 0;}
#s4 .c3 .gal a:nth-child(5) { height:17vw;padding:1.5vw 0 1.5vw 0;}
#s4 .c3 a.btn { border:1px solid #cca039; width:12em; padding:7px 1em; float:none; display:block; margin:0 auto; text-align:center;}
#s5 {padding:0; height:auto;}
#s5 .c { width:100%; height:55vw; overflow:hidden; background-image:url(../images/katedrala-svateho-vita/px13.jpg); background-size:cover; background-position:center  center;}
#s6 h2 { font-size:32px; padding-right:1em; }
#s6 .c p {line-height: 1.5;font-size:17px;}
#s6 label h3 { font-size:21px;}
#s6 label h3 span { width:26px; height:26px; }
#s8 .c1 h2 { font-size:32px; letter-spacing:0; }
#s8 .c3 h3 {font-size:26px; letter-spacing:0;}
#s8 .c3 h4 {font-size:21px;margin: .2em 0 1.5em 0;}
#s8 .c {margin-bottom: 10px;}
#s10 h2 {font-size: 32px;}
#s12 h2 { font-size:36px; }
#s13 h2 { font-size:30px; }
#s14 h2 { font-size:30px; text-indent:10px; }
#s14 h3 { font-size:19px;}
#s14 .c1 { width:45%; margin-left:1%;}
#s14 .c1 img { width: 75%;}
#s14 .c2 { width:8%; margin:0;}
#s14 .c2 .t1 { width:90%; height:40px; margin:22px auto 10px auto; }
#s14 .c2 .t2 { width:100%; height:100px;}
#s14 .c3 { width:45%; margin-right:1%;}
#s14 .c3 img {width: 70%;}
#s14 .f { width:80%; margin:0 10%; height:76vw; }
#s14 .ceny h4 { font-size:18px;}
#s14 .ceny p {font-size: 11px;}
#s14 .cena h4 { font-size:33px; }
#s14 .cena p { font-size:16px; } 
#s14 .c2 .s { height:609px;}
#s15 .c { width:90%; margin:10px auto;} 
#s15 .c1 { width:100%; float:none;  }
#s15 .c2 { position:static; left:0; top:0; width:100%; max-width:100%; }
#s15 .c2 img { width:100%;}
#s15 .c1 p { line-height:1.5; font-size:17px;} 
#s16 .c13 { width:54%; }
#s16 .c23 { width:54%; }
#obj1 .ovh { padding:1em 0 1em 0;}
#obj1 button {margin-top:1em;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item { width:96vw;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item, .slider #curt {height:93vw;}
.slider .move { top:26%; }
.indicators span { margin-right:14px; }
@keyframes uv1 { 0%,20% {background-image:url(../images/katedrala-svateho-vita/uvod-m2.jpg); background-size:416%; background-position:51% 40%; opacity:1;} 
 92% {background-image:url(../images/katedrala-svateho-vita/uvod-m2.jpg); background-position:51% 58%; background-size:95%;opacity:1} 
 100% {background-image:url(../images/katedrala-svateho-vita/uvod-m2.jpg); background-position:51% 58%;background-size:95%;opacity:0;}}
@keyframes uv2 { 0% { opacity:0;} 78% { opacity:0;} 100% { opacity:1}}
@keyframes uv3 { 0% { opacity:0;} 84% { opacity:0;} 100% { opacity:1}}
@keyframes uv4 { 0% { opacity:0;} 89% { opacity:0;} 100% { opacity:1}}
@keyframes uv5 { 0% { opacity:0;} 56% { opacity:0;} 100% { opacity:1}}
@keyframes uv6 { 0% { opacity:0;} 94% { opacity:0;} 100% { opacity:1}}
}

@media (max-width:400px) {
#s14 .c1 { width:100%; margin-left:0; float:none;}
#s14 .c2 { display:none;}
#s14 .c3 { width:100%; margin-right:0; float:none;}
#s14 h3 { font-size:24px;}
#s14 .ceny h4 { font-size:26px;}
#s14 .ceny p {font-size: 15px;}
#s14 .cena p { font-size:15px; } 
#s14 .sk h4 { font-size:26px; }
#s14 label h4 span { width:32px; height:32px;}
#s15 h2 { font-size:28px; }
#s16 .c { width:96%; margin:10px auto;} 
#s16 h3 { font-size:28px; }
#s16 .c14 { width:32%; }
#s16 .c12 { width:50%; margin-top:40px; min-height:120px; }
#s16 .c22 { width:52%; margin-top:55px; min-height:114px;   }
#s16 .c13, #s16 .c23 { border-left:none;}
#obj1 button {margin-top:0;}
}